由于Dojo dgrid组件的样式都是通过css控制的,对于设置dgrid表格也是通过写css样式控制
dGrid模块根据约定的列的字段名称和列ID创建类,遵循约定field-<field-name> 和dgrid-column-<column-id> 。所以通过写对于列的样式className即可实现控制列宽。
<style>
.field-id{
width: 30px;
}
.field-name{
font-weight: bold;
color: red;
}
</style>
<script>
this.grid = new (declare([OnDemandGrid]))({
collection: store,
columns: {
id: {
label: ''
},
name: {
label: '水利工程名称'
},
label: {
label: '工程类型'
},
dname: {
label: '所在行政区'
},
oname: {
label: '管理单位'
}
}
}, 'gridDiv');
</script>
|