JeeSite 列表添加横向滚动条

在开发中，如何列表字段太多时，有些列会显示不全，这时候想展示全怎么办？

推荐使用第二种方法。

方法一：添加横向滚动条

通过在 id=”dataGrid” 的表格元素外部添加一层 div 并定义好样式。（这种方式用于强制定义表格宽度）

<style>
    #tableScrollbar {
        position: relative !important;
        clear: both !important;
        zoom: 1 !important;
        overflow-x: auto !important;
    }
    #tableScrollbar table {
        width: 1360px !important;
    }
</style>

添加好后，dataGrid 表格外部 class 为 tableScrollbar 的 div。

<div id="tableScrollbar">
    <table id="dataGrid"></table>
</div>

另外，对某一列固定宽度，需要指定宽度值（width 属性）。

{header:'${text("对接人")}', name:'linkman', index:'a.linkman', width:150, align:"center"}

方法二：固定列

dataGrid，通过增加，

frozenCols: true, // 冻结列，锁定列，固定列，在 colModel 指定 frozen: true 方式来实现。

autoGridWidth: true, // 自动表格宽度（设置为false后，不自动调整表格宽度）

固定列时，推荐冻结首尾列。

推荐使用第二种方法。

关于固定列：

它与多表头冲突，不建议同时使用
固定列，在启用编辑表格时，不适用（如文本框等形式）
必须放在 columnModel 首位且在一起

相关文章：