在JSP中使用`class`为`
easyui-datagrid`且`fitColumns`属性为`true`时，当列很多的情况下要添加水平滚动条，可从以下方面着手。
首先，`fitColumns`属性设为`true`时，会自动调整列宽以适应表格宽度，这会使得表格没有多余空间来显示水平滚动条。若要添加水平滚动条，可把`fitColumns`属性设为`false`，让列宽保持原有
设置，这样在列很多时就会出现水平滚动条。
示例代码如下：
```jsp
<table id="dg" title="My Users" class="
easyui-datagrid" style="width: 700px; height: 500px" url="list_ej" toolbar="#toolbar" rownumbers="true" fitColumns="false">
<thead>
<tr>
<th field="ck"
checkbox="true"></th>
<th data
-options="field:'id',width:'200px'">id</th>
<th data
-options="field:'name',width:'200px'">name</th>
<th data
-options="field:'password',width:'200px',align:'right'">password</th>
<!
-- 可添加更多列
-->
</tr>
</thead>
</table>
```
在上述代码里，`fitColumns`属性被设为`false`，这样列宽就不会自动调整，当列很多超出表格宽度时，就会显示水平滚动条。
如果不想改变`fitColumns`属性，也可通过CSS来强制显示水平滚动条。示例代码如下：
```jsp
<style>
.
datagrid-view {
overflow
-x: auto !important;
}
</style>
<table id="dg" title="My Users" class="
easyui-datagrid" style="width: 700px; height: 500px" url="list_ej" toolbar="#toolbar" rownumbers="true" fitColumns="true">
<thead>
<tr>
<th field="ck"
checkbox="true"></th>
<th data
-options="field:'id',width:'200px'">id</th>
<th data
-options="field:'name',width:'200px'">name</th>
<th data
-options="field:'password',width:'200px',align:'right'">password</th>
<!
-- 可添加更多列
-->
</tr>
</thead>
</table>
```
这里通过CSS样式`overflow
-x: auto !important`强制让表格视图显示水平滚动条。
本文介绍了一种使用JavaScript处理JSON数据的方法，并展示了如何在页面加载成功后通过ID选择Datagrid中的行。此过程适用于需要从后台获取数据并高亮显示特定记录的应用场景。
扫一扫
746
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
