layui table表头自动换行

如果您想要让表头内容自动换行，可以通过CSS来实现。

例如：

<style>
.layui-table thead th {
  white-space: normal !important;
}
</style>

<table class="layui-table">
  <colgroup>
    <col width="150">
    <col width="200">
    <col>
  </colgroup>
  <thead>
    <tr>
      <th>ID</th>
      <th>用户名</th>
      <th>邮箱地址（自动换行）</th>
      <th>性别</th>
      <th>城市</th>
      <th>签名</th>
      <th>积分</th>
      <th>评分</th>
      <th>职业</th>
      <th>财富</th>
    </tr> 
  </thead>
  <tbody>
    <tr>
      <td>10001</td>
      <td>user-1</td>
      <td>user-1@qq.com</td>
      <td>男</td>
      <td>北京</td>
      <td>程序员</td>
      <td>1000</td>
      <td>90</td>
      <td>IT</td>
      <td>999999</td>
    </tr>
    <!-- more data -->
  </tbody>
</table>

在上面的例子中，我们通过CSS设置了表头单元格的`white-space`属性为`normal`，表示表头单元格内容可以自动换行。这样就可以让表头内容自动换行了。