Лучший способ стилизации сетки w2ui

Question

Я использую сетку w2ui для отображения информации в таблице. Он отлично поработал, но мне не очень понравилось, как выглядит таблица. Поэтому я искал стиль. Есть ли способ создать таблицу без прямого редактирования css для w2ui?

Answer 1

Как упоминалось в TheUknown, я считаю, что удобнее просто писать Как упоминалось TheUknown, я считаю, что удобнее просто писать свои правила css.

Но вы также можете использовать общее свойство стиля для многих элементов, таких как ваша сетка, столбцы или записи.

Смотрите этот пример: 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' 
}); 

Answer 2

Вы можете добавить класс onRender event или onRefresh event. Это относится к виджетам w2ui: макету, сетке, панели инструментов, боковой панели, вкладкам, форме.

$('#myGrid').w2grid({ 
    name : 'myGrid', 
    columns: [     
    { ... }, 
    ], 
    records: [ 
    { ... } 
    ], 
    onRender: function(event) { 
    event.onComplete = function() { 
     $('[name="myGrid"]').addClass('grid-custom'); 
    } 
    }, 
});