关于bootstrap中table的表格固定列

最新推荐文章于 2024-08-15 09:08:34 发布

zp_love666

最新推荐文章于 2024-08-15 09:08:34 发布

阅读量6.2k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/zp_love666/article/details/78193635

版权

本文介绍了如何在Bootstrap的表格中实现列固定的效果，通过HTML和JavaScript的结合，确保表格在滚动时列头始终保持可见，提高了数据查看的便利性。

摘要由CSDN通过智能技术生成

HTML：

<div class="table-responsive">
    <table id="fixedTable" class="table table-striped table-bordered table-hover dataTables-example table-condensed table-responsive" style=" white-space:nowrap;">
        <thead>
            <tr>
                <th>订单编号</th>
                <th>业务类型</th>
                <th>客户来源</th>
                <th>楼盘所属区域</th>
                <th>楼盘名称</th>
                <th>签约阶段／签约时间</th>
                <th>签约客户姓名</th>
                <th>签约房间号</th>
                <th>合同主体</th>
                <th>战报类型</th>
                <th>上战报月份</th>
                <th>审批状态</th>
                <th>申请人</th>
                <th>交件时间</th>
                <th>审批人</th>
                <th>审批时间</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
             <tr>