1, Style From
|
grid_access.css ExtJS: extjs-4.1.0\resources\css\ext-all-access-debug.css
|
grid_blue.css ExtJS: extjs-4.1.0\resources\css\ext-all-debug.css
|
grid_gray.css ExtJS: extjs-4.1.0\resources\css\ext-all-gray-debug.css
|
|
ExtJS Style Mapping:
|
font color: .x-body
|
th and td background-color: .x-panel-body-default
|
border-color: .x-panel-body-default
|
tr.even row td background-color: .x-grid-row-alt
|
tr.selected td background-color: .x-grid-row-selected
|
tr hover row td background-color: .x-grid-row-selected
|
|
|
|
2, Style From
|
grid_sky_blue.css Dhtmlx: Dhtmlx Edition 3.0\dhtmlxGrid\codebase\dhtmlxgrid.css
|
Dhtmlx Edition 3.0\dhtmlxGrid\codebase\skins\dhtmlxgrid_dhx_skyblue.css
|
|
Dhtmlx Style Mapping:
|
font color:
|
th and td background-color: div.gridbox .objbox
|
border-color: div.gridbox_dhx_skyblue
|
tr.even row td background-color: div.gridbox_dhx_skyblue .odd_dhx_skyblue
|
tr.selected td background-color: tr.rowselected
|
tr hover row td background-color: tr.rowselected
|
|
|
|
3, Style From
|
flexigrid.css FlexiGrid: flexigrid-1.1\css\flexigrid.css
|
|
FlexiGrid Style Mapping:
|
font color: .flexigrid
|
th and td background-color: .flexigrid div.bDiv
|
border-color: .flexigrid div.bDiv
|
tr.even row td background-color: .flexigrid tr.erow td
|
tr.selected td background-color: .trSelected
|
tr hover row td background-color: .trSelected
|
|
|
|
4, Style From
|
grid_pure_gray.css None
|
|
|
|
5, Style From
|
grid_gray.css EasyUI: jquery-easyui-1.2.6.zip\themes\gray\easyui.css
|
grid_bootstrap.css EasyUI: jquery-easyui-1.4.1.zip\themes\bootstrap\easyui.css
|
|
EasyUI Style Mapping:
|
font size: [1.2.6] .datagrid-body td, .datagrid-footer td [1.4.1] .datagrid-cell
|
th background-color: .datagrid-header
|
td background-color: None
|
border: .datagrid-body td
|
tr.even row td background-color: .datagrid-row-alt
|
tr.selected td background-color: .datagrid-row-selected
|
tr hover row td background-color: .datagrid-row-selected
|
|
|
|
6, Style From
|
grid_jqgrid.css jqGrid: jQuery Grid Plugin 4.4.3.zip\src\css\ui.jqgrid.css
|
jQuery UI: jquery-ui-1.8.20.custom.zip\css\custom-theme\jquery-ui-1.8.2.custom.css
|
|
jqGrid Style Mapping:
|
font size: .ui-jqgrid
|
border: .ui-jqgrid tr.ui-row-ltr td
|
|
jQuery UI Style Mapping:
|
th background-color: .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
|
td background-color: .ui-widget-content
|
tr.even row td background-color: .ui-priority-secondary
|
tr.selected td background-color: .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
|
tr hover row td background-color: .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
|
