easyUI 设置datagrid的行高 + 文字超宽换行

简介: easyUI 设置datagrid的行高 + 文字超宽换行


  1. 行高设置
    datagrid中没有专门设置行高的属性,所以需要通过修改easyui.css样式来修改行高。
    方法:在 easyui.css中搜索.datagrid-row属性,将默认的行高height:25px修改为想要的高度,即可。
.datagrid-row {
  height: 42px;
  text-align:center;
}
  1. 文字超宽换行

在<table>中设置nowrap:false 换行

<table id="dg" class="easyui-datagrid"
            data-options="pagination:true,
            singleSelect:true,
            fitColumns:true,
            nowrap:false">

注意datagrid行中设置fitColumns:true的单元格无法换行。 <th data-options="field:'contractDate',fitColumns:true">登记时间</th>


相关文章
|
6月前
EasyUI datagrid 从左至右递归合并表格
EasyUI datagrid 从左至右递归合并表格
39 2
|
6月前
EasyUI DataGrid 假分页
EasyUI DataGrid 假分页
68 0
|
6月前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
6月前
|
前端开发
easyui datagrid 的 tip实现
easyui datagrid 的 tip实现
160 0
|
6月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
267 0
EasyUI DataGrid 可编辑列级联操作
EasyUI DataGrid 可编辑列级联操作
easyui datagrid reload后自动全选解决
easyui datagrid reload后自动全选解决