我一直在使用 w2ui 网格在表格中显示信息。效果很好,但我不是特别喜欢 table 的外观。所以我一直在寻找它的风格。有没有一种方法可以在不直接编辑 w2ui 的 css 的情况下设置表格样式?
最佳答案
正如 TheUknown 所说,我相信简单地编写更方便正如 TheUknown 所说,我相信简单地编写你的 css 规则会更方便。
但您也可以在许多元素(例如网格、列或记录)上使用“样式”公共(public)属性。
看这个例子: jsfiddle link
$('#myGrid').w2grid({
name : 'myGrid',
columns: [
{ field: 'fname', caption: 'First Name', size: '30%', style : 'border: 1px solid blue' },
{ field: 'lname', caption: 'Last Name', size: '30%', style : 'font-weight: bold' },
{ field: 'email', caption: 'Email', size: '40%' },
{ field: 'sdate', caption: 'Start Date', size: '120px' },
],
records: [
{ recid: 1, fname: 'John', lname: 'Doe', email: 'jdoe@gmail.com', sdate: '4/3/2012', style : 'border: 1px solid green' },
{ recid: 2, fname: 'Stuart', lname: 'Motzart', email: 'jdoe@gmail.com', sdate: '4/3/2012' },
{ recid: 3, fname: 'Jin', lname: 'Franson', email: 'jdoe@gmail.com', sdate: '4/3/2012' }
],
style : 'border: 1px solid red'
});
关于css - 设置 w2ui 网格样式的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31910280/