<table id="table" class="table" data-pagination="false" width="100%" style='white-space: nowrap'> <tr> <td class="dg">加粉日期</td> <td class="dg">总推广费</td> <td class="dg">总加粉数</td> <td class="dg">总客户数</td> <td class="dg">总订单金额</td> {volist name="fields" id="fv"} <td>{$fv}</td> {/volist} </tr> <?php $n=5; ?> {volist name="time_arr" key="k" id="tv"} <tr> <td class="dg">{$tv.add_fans_time}</td> <td class="dg">{$tv.promotion_fee|default='-'}</td> <td class="dg">{$tv.add_fans|default='-'}</td> <td class="dg">{$tv.customer_number|default='-'}</td> <td class="dg">{$tv.order_money|default='-'}</td> {volist name="fields" id="fsv"} <td><?php echo isset($tv[$fsv]) ?$tv[$fsv]:'-'; ?></td> {/volist} </tr> {/volist} </table> 将以上代码中的表格前四列固定，剩余部门滚动显示

您想要实现的效果是固定表格的前四列，使其在滚动时保持在原位，而其余列则可以自由滚动。这可以通过CSS中的固定定位和overflow属性来实现。

首先，将表格的前四列放入一个单独的div中，并将其设置为固定定位：

<div class="fixed-columns">
  <table>
    <tr>
      <td class="dg">加粉日期</td>
      <td class="dg">总推广费</td>
      <td class="dg">总加粉数</td>
      <td class="dg">总客户数</td>
    </tr>
    <!-- 前四列数据 -->
  </table>
</div>

.fixed-columns {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

然后，将整个表格放入另一个div中，并将其设置为overflow：auto以启用滚动：

<div class="scrolling-table">
  <table>
    <tr>
      <td class="dg">加粉日期</td>
      <td class="dg">总推广费</td>
      <td class="dg">总加粉数</td>
      <td class="dg">总客户数</td>
      <!-- 前四列数据 -->
      {volist name="fields" id="fv"}
        <td>{$fv}</td>
      {/volist}
    </tr>
    {volist name="time_arr" key="k" id="tv"}
      <tr>
        <td class="dg">{$tv.add_fans_time}</td>
        <td class="dg">{$tv.promotion_fee|default='-'}</td>
        <td class="dg">{$tv.add_fans|default='-'}</td>
        <td class="dg">{$tv.customer_number|default='-'}</td>
        <td class="dg">{$tv.order_money|default='-'}</td>
        <!-- 后面列数据 -->
        {volist name="fields" id="fsv"}
          <td><?php echo isset($tv[$fsv]) ?$tv[$fsv]:'-'; ?></td>
        {/volist}
      </tr>
    {/volist}
  </table>
</div>

.scrolling-table {
  overflow: auto;
  margin-top: 20px; /* 避免表格被固定的四列遮挡 */
}

.scrolling-table td {
  white-space: nowrap; /* 避免单元格换行 */
}

这样，表格的前四列将保持在固定位置，而其余列将在滚动时自由移动。