我一直在使用w2ui网格在表中显示信息。效果很好,但我并不特别喜欢桌子的外观。所以我一直在寻找样式。有没有一种方法可以在不直接编辑w2ui的CSS的情况下对表格进行样式设置?

最佳答案

正如TheUknown提到的那样,我相信简单编写会更方便。正如TheUknown提到的那样,我相信简单地编写css规则会更加方便。

但是,您还可以在许多元素(例如网格,列或记录)上使用'style'公共属性。

看这个例子:
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: '[email protected]', sdate: '4/3/2012', style : 'border: 1px solid green' },
        { recid: 2, fname: 'Stuart', lname: 'Motzart', email: '[email protected]', sdate: '4/3/2012' },
        { recid: 3, fname: 'Jin', lname: 'Franson', email: '[email protected]', sdate: '4/3/2012' }
    ],
    style : 'border: 1px solid red'
});

关于css - 样式W2UI网格的最佳方法,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31910280/

10-12 02:23