css - 设置 w2ui 网格样式的最佳方式

Question

我一直在使用 w2ui 网格在表格中显示信息。效果很好，但我不是特别喜欢 table 的外观。所以我一直在寻找它的风格。有没有一种方法可以在不直接编辑 w2ui 的 css 的情况下设置表格样式？

Answer 1

正如 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'
});