ETJava Beta | Java    注册   登录
  • easyui datagrid 去除最右侧空白行

    发表于 2024-04-16 00:44:15     阅读(200)     博客类别:easyui

    easyui datagrid 去除最右侧空白行

    使用easyui的数据表格时 最右侧总是会出现一列空白行 我们可以通过scrollbarSize=0属性来去除最右侧的空白行

     

    添加scrollbarSize属性之前

     

    添加scrollbarSize属性之后

     

     

    示例代码

     

    <!--
        fitColumns="true" 列自适应
        pagination="true" 分页组件
        rownumbers="true" 行号
        fit="true" 表格自适应
        scrollbarSize=0 去掉最后边的空白行
    -->
    <table id="dg" title="友情链接管理" class="easyui-datagrid"
           fitColumns="true" pagination="true" rownumbers="true"
           url="/admin/link/list" fit="true" scrollbarSize="0">
        <thead>
        <tr>
            <th field="cb" checkbox="true" align="center"></th>
            <th field="id" width="20" align="center">编号</th>
            <th field="linkName" width="200" align="center">友情链接名称</th>
            <th field="linkUrl" width="200" align="center">友情链接地址</th>
            <th field="sort" width="100" align="center">排列序号</th>
        </tr>
        </thead>
    </table>