datagrid详细操作单元格样式 设置列标题居中而列内容居右显示

本文介绍了如何利用jQuery选择器和DataGrid的onLoadSuccess事件来实现Datagrid中列标题居中,列内容居右显示的效果。通过定位到特定的单元格并设置CSS样式,可以轻松调整表格的布局和格式,同时提供了操作标题单元格的方法。
摘要由CSDN通过智能技术生成
仔细查了一下api,目前版本提供了两个相关的列属性,align和styler。align属性设置后会让列标题和列内容的对齐方式一致,而styler是作用于列内容上的,只是可惜了,styler只能定位到td元素,而真正决定列内容样式的是td下的div元素。

对于这种问题,我们应该也经常遇到。其实利用jQuery的强大选择器,要操作到每个单元格都很容易,所以解决这个问题的思路也很简单,在数据加载完以后(这时候内容单元格才形成),我们查找具体的列或者单元格,然后定义每个单元格的样式,所以定义一下align属性和onLoadSuccess事件就可以了:

实现代码:
  1. $('#tt').datagrid({   
  2.     url: 'datagrid_data2.json',   
  3.     title: 'DataGrid - ContextMenu',   
  4.     width: 700,   
  5.     height: 'auto',   
  6.     fitColumns: true,   
  7.     columns: [[   
  8.         {field: 'itemid',title: 'Item ID',width: 80},   
  9.         {field: 'productid',title: &#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值