我一直在使用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/