3 In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
4 No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
5 classes should alter those!
8 .slick-header.ui-state-default, .slick-headerrow.ui-state-default {
14 .slick-header-columns, .slick-headerrow-columns {
21 .slick-header-column.ui-state-default {
23 display: inline-block;
25 -o-text-overflow: ellipsis;
26 text-overflow: ellipsis;
31 border-right: 1px solid silver;
38 .slick-headerrow-column.ui-state-default {
42 .slick-header-column-sorted {
46 .slick-sort-indicator {
47 display: inline-block;
55 .slick-sort-indicator-desc {
56 background: url(images/sort-desc.gif);
59 .slick-sort-indicator-asc {
60 background: url(images/sort-asc.gif);
63 .slick-resizable-handle {
74 .slick-sortable-placeholder {
83 .slick-row.ui-widget-content, .slick-row.ui-state-active {
89 .slick-cell, .slick-headerrow-column {
91 border: 1px solid transparent;
92 border-right: 1px dotted silver;
93 border-bottom-color: silver;
95 -o-text-overflow: ellipsis;
96 text-overflow: ellipsis;
97 vertical-align: middle;
99 padding: 1px 2px 2px 1px;
108 .slick-group-toggle {
109 display: inline-block;
112 .slick-cell.highlighted {
113 background: lightskyblue;
114 background: rgba(0, 0, 255, 0.2);
115 -webkit-transition: all 0.5s;
116 -moz-transition: all 0.5s;
117 -o-transition: all 0.5s;
118 transition: all 0.5s;
121 .slick-cell.flashing {
122 border: 1px solid red !important;
125 .slick-cell.editable {
137 .slick-reorder-proxy {
138 display: inline-block;
141 filter: alpha(opacity = 15);
145 .slick-reorder-guide {
146 display: inline-block;
150 filter: alpha(opacity = 70);
156 border: 2px dashed black;