仔细查了一下api,目前版本提供了两个相关的列属性,align和styler。align属性设置后会让列标题和列内容的对齐方式一致,而styler是作用于列内容上的,只是可惜了,styler只能定位到td元素,而真正决定列内容样式的是td下的div元素。
对于这种问题,我们应该也经常遇到。其实利用jQuery的强大选择器,要操作到每个单元格都很容易,所以解决这个问题的思路也很简单,在数据加载完以后(这时候内容单元格才形成),我们查找具体的列或者单元格,然后定义每个单元格的样式,所以定义一下align属性和onLoadSuccess事件就可以了:
实现代码:
- $('#tt').datagrid({
- url: 'datagrid_data2.json',
- title: 'DataGrid - ContextMenu',
- width: 700,
- height: 'auto',
- fitColumns: true,
- columns: [[
- {field: 'itemid',title: 'Item ID',width: 80},
- {field: 'productid',title: &#