Answers.Body: <p>You could use some css to increase the width. On mine there already is a scrollbar but you could force it with overflow-x. So something like:</p>
  <pre><code>div.crm-search-display {
    overflow-x: scroll;
  }
  div.crm-search-display table {
    max-width: 1500px;
    width: 1500px;
  }
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-12-15T16:28:20.833Z
Answers.LastActivityDate: 2021-12-15T16:28:20.833Z
Answers.UserDisplayName: Demerit
Body: <p>We have been using SearchKit and Form Builer (afform) to develop new reports for our teams. Some of the tables have grown to be quite extensive. The headers are becoming difficult to read because the table is only staying within the frame rather than creating a horizontal scroll bar. Does anyone know how to add a horizontal scroll bar to a SearchKit Table or to Afform?</p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2021-12-14T21:38:30.903Z
Comments.Text: if not already done so, perhaps ask at https://chat.civicrm.org/civicrm/channels/search-improvements
Comments.UserDisplayName: petednz - fuzion
Tags: <javascript><searchkit><formbuilder>
Title: Horizontal scroll bar on searchkit/afform
ThreadText: # Horizontal scroll bar on searchkit/afform
  
  (Asked by: username_0 on 2021-12-14)
  
  We have been using SearchKit and Form Builer (afform) to develop new reports for our teams. Some of the tables have grown to be quite extensive. The headers are becoming difficult to read because the table is only staying within the frame rather than creating a horizontal scroll bar. Does anyone know how to add a horizontal scroll bar to a SearchKit Table or to Afform?
  
  **Tags:** javascript, searchkit, formbuilder
  
  > **Comments:**
  > **username_1**: if not already done so, perhaps ask at https://chat.civicrm.org/civicrm/channels/search-improvements  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_2 on 2021-12-15. Score: 1
  
  You could use some css to increase the width. On mine there already is a scrollbar but you could force it with overflow-x. So something like:
  div.crm-search-display {
    overflow-x: scroll;
  }
  div.crm-search-display table {
    max-width: 1500px;
    width: 1500px;
  }
  
  
  ---
  
  