mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-05-14 12:27:05 +02:00
Restyled themes
This commit is contained in:
Max Guglielmi
parent
0b3c5a0a87
commit
443f31c579
|
|
@ -13027,6 +13027,7 @@
|
|||
var filtersConfig = {
|
||||
base_path: '../dist/tablefilter/',
|
||||
grid_layout: true,
|
||||
grid_width: '900px',
|
||||
alternate_rows: true,
|
||||
btn_reset: true,
|
||||
rows_counter: true,
|
||||
|
|
@ -13035,9 +13036,9 @@
|
|||
col_1: 'select',
|
||||
col_2: 'select',
|
||||
col_widths: [
|
||||
"150px", "70px", "70px",
|
||||
"120px", "120px", "100px",
|
||||
"100px", "100px", "100px"
|
||||
'150px', '90px', '70px',
|
||||
'120px', '120px', '100px',
|
||||
'100px', '100px', '100px'
|
||||
],
|
||||
extensions:[
|
||||
{
|
||||
|
|
|
|||
13089
demos/advanced-grid.html
13089
demos/advanced-grid.html
File diff suppressed because it is too large
Load diff
|
|
@ -471,17 +471,13 @@ var tfConfig = {
|
|||
},
|
||||
extensions:[
|
||||
{
|
||||
name: 'sort',
|
||||
types: [
|
||||
'number', 'string', 'string',
|
||||
'US', 'none', 'string'
|
||||
]
|
||||
name: 'sort'
|
||||
},{
|
||||
name: 'colOps',
|
||||
id: ["sum1", "sum2"],
|
||||
id: ['sum1', 'sum2'],
|
||||
col: [3, 4],
|
||||
operation: ["sum", "sum"],
|
||||
write_method: ["innerhtml", 'innerhtml'],
|
||||
operation: ['sum', 'sum'],
|
||||
write_method: ['innerhtml', 'innerhtml'],
|
||||
exclude_row: [totRowIndex],
|
||||
decimal_precision: [2, 2],
|
||||
tot_row_index: [totRowIndex],
|
||||
|
|
|
|||
|
|
@ -325,6 +325,7 @@ var tfConfig = {
|
|||
filters_row_index: 2,
|
||||
headers_row_index: 1,
|
||||
sort: true,
|
||||
paging: true,
|
||||
col_number_format: [
|
||||
null, null, 'US',
|
||||
null, null, null
|
||||
|
|
@ -374,7 +375,8 @@ var tfConfig = {
|
|||
/* theme */
|
||||
themes: [{ name: 'default' }],
|
||||
|
||||
extensions: [{ name: 'sort' }]
|
||||
extensions: [{ name: 'sort' },/*{ name: 'colsVisibility'},*/
|
||||
{name:'filtersVisibility'}]
|
||||
};
|
||||
|
||||
var tf = new TableFilter('books', tfConfig, 2);
|
||||
|
|
|
|||
2
dist/tablefilter/style/colsVisibility.css
vendored
2
dist/tablefilter/style/colsVisibility.css
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* TableFilter v0.0.0 by Max Guglielmi
|
||||
* build date: 2015-08-09T02:22:27.647Z
|
||||
* build date: 2015-08-09T12:32:52.610Z
|
||||
* MIT License
|
||||
*/
|
||||
/**
|
||||
|
|
|
|||
4
dist/tablefilter/style/filtersVisibility.css
vendored
4
dist/tablefilter/style/filtersVisibility.css
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* TableFilter v0.0.0 by Max Guglielmi
|
||||
* build date: 2015-08-09T02:22:27.647Z
|
||||
* build date: 2015-08-09T12:32:52.610Z
|
||||
* MIT License
|
||||
*/
|
||||
/**
|
||||
|
|
@ -11,7 +11,7 @@ span.expClpFlt a.btnExpClpFlt {
|
|||
height: 35px;
|
||||
display: inline-block;
|
||||
}
|
||||
span.expClpFlt a.btnExpClpFlt :hover {
|
||||
span.expClpFlt a.btnExpClpFlt:hover {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
span.expClpFlt img {
|
||||
|
|
|
|||
2
dist/tablefilter/style/tablefilter.css
vendored
2
dist/tablefilter/style/tablefilter.css
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* TableFilter v0.0.0 by Max Guglielmi
|
||||
* build date: 2015-08-09T02:22:27.647Z
|
||||
* build date: 2015-08-09T12:32:52.610Z
|
||||
* MIT License
|
||||
*/
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* TableFilter v0.0.0 by Max Guglielmi
|
||||
* build date: 2015-08-09T02:22:27.647Z
|
||||
* build date: 2015-08-09T12:32:52.610Z
|
||||
* MIT License
|
||||
*/
|
||||
/**
|
||||
|
|
@ -46,52 +46,39 @@ input.flt {
|
|||
width: 99% !important;
|
||||
}
|
||||
.inf {
|
||||
background: #f4f4f4 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;
|
||||
height: $min-height;
|
||||
background: #d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;
|
||||
}
|
||||
input.reset {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
cursor: pointer !important;
|
||||
border: 0 !important;
|
||||
vertical-align: middle;
|
||||
background: transparent url("images/btn_eraser.gif") center center no-repeat !important;
|
||||
}
|
||||
input.reset :hover {
|
||||
background: transparent url("images/btn_over_eraser.gif") center center no-repeat !important;
|
||||
}
|
||||
input.pgInp {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
cursor: pointer !important;
|
||||
border: 0 !important;
|
||||
.helpBtn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
.nextPage {
|
||||
background: transparent url("images/btn_next_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.nextPage :hover {
|
||||
.nextPage:hover {
|
||||
background: transparent url("images/btn_over_next_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.previousPage {
|
||||
background: transparent url("images/btn_previous_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.previousPage :hover {
|
||||
.previousPage:hover {
|
||||
background: transparent url("images/btn_over_previous_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.firstPage {
|
||||
background: transparent url("images/btn_first_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.firstPage :hover {
|
||||
.firstPage:hover {
|
||||
background: transparent url("images/btn_over_first_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.lastPage {
|
||||
background: transparent url("images/btn_last_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.lastPage :hover {
|
||||
.lastPage:hover {
|
||||
background: transparent url("images/btn_over_last_page.gif") center center no-repeat !important;
|
||||
}
|
||||
select.rspg {
|
||||
font-size: 10px;
|
||||
}
|
||||
div.grd_Cont {
|
||||
background-color: #ebecee !important;
|
||||
border: 1px solid #ccc !important;
|
||||
|
|
@ -119,14 +106,15 @@ div.grd_headTblCont table td {
|
|||
border-left: 1px solid #fff !important;
|
||||
border-top: 1px solid #fff !important;
|
||||
}
|
||||
div.grd_tblCont table td {
|
||||
border-bottom: 1px solid #999 !important;
|
||||
}
|
||||
.grd_inf {
|
||||
background: #d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;
|
||||
border-top: 1px solid #d0d0d0 !important;
|
||||
height: 29px !important;
|
||||
}
|
||||
.loader {
|
||||
border: 1px solid #999;
|
||||
background: #fff;
|
||||
}
|
||||
.defaultLoader {
|
||||
width: 32px;
|
||||
|
|
@ -139,3 +127,6 @@ div.grd_headTblCont table td {
|
|||
.odd {
|
||||
background-color: #d5d5d5;
|
||||
}
|
||||
span.expClpFlt a.btnExpClpFlt:hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* TableFilter v0.0.0 by Max Guglielmi
|
||||
* build date: 2015-08-09T02:22:27.647Z
|
||||
* build date: 2015-08-09T12:32:52.610Z
|
||||
* MIT License
|
||||
*/
|
||||
/**
|
||||
|
|
@ -50,62 +50,28 @@ input.flt {
|
|||
width: 99% !important;
|
||||
}
|
||||
.inf {
|
||||
background: #f4f4f4 url("images/bg_infDiv.jpg") left bottom repeat-x !important;
|
||||
background: #d8d8d8;
|
||||
height: $min-height;
|
||||
}
|
||||
input.reset {
|
||||
width: 53px;
|
||||
height: 19px;
|
||||
cursor: pointer !important;
|
||||
border: 0 !important;
|
||||
vertical-align: middle;
|
||||
background: transparent url("images/btn_filter.png") center center no-repeat !important;
|
||||
}
|
||||
input.reset :hover {
|
||||
background: #cad1d6 url("images/btn_filter.png") center center no-repeat !important;
|
||||
}
|
||||
.ldiv {
|
||||
width: 40% !important;
|
||||
}
|
||||
.mdiv {
|
||||
width: 34% !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
.rdiv {
|
||||
width: 20% !important;
|
||||
}
|
||||
input.pgInp {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
cursor: pointer !important;
|
||||
border: 0 !important;
|
||||
.helpBtn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
.nextPage {
|
||||
background: transparent url("images/btn_next_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.nextPage :hover {
|
||||
background: #cad1d6 url("images/btn_next_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.previousPage {
|
||||
background: transparent url("images/btn_previous_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.previousPage :hover {
|
||||
background: #cad1d6 url("images/btn_previous_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.firstPage {
|
||||
background: transparent url("images/btn_first_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.firstPage :hover {
|
||||
background: #cad1d6 url("images/btn_first_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.lastPage {
|
||||
background: transparent url("images/btn_last_page.gif") center center no-repeat !important;
|
||||
}
|
||||
.lastPage :hover {
|
||||
background: #cad1d6 url("images/btn_last_page.gif") center center no-repeat !important;
|
||||
}
|
||||
select.rspg {
|
||||
font-size: 10px;
|
||||
}
|
||||
div.grd_Cont {
|
||||
background: #81963b url("images/bg_headers.jpg") left top repeat-x !important;
|
||||
border: 1px solid #ccc !important;
|
||||
|
|
@ -124,6 +90,10 @@ div.grd_headTblCont {
|
|||
div.grd_tblCont table {
|
||||
border-right: none !important;
|
||||
}
|
||||
div.grd_tblCont table td {
|
||||
border-bottom: 1px dotted #81963b;
|
||||
border-right: 1px dotted #81963b;
|
||||
}
|
||||
div.grd_tblCont table th,
|
||||
div.grd_headTblCont table th {
|
||||
background: transparent url("images/bg_headers.jpg") 0 0 repeat-x !important;
|
||||
|
|
@ -145,15 +115,12 @@ div.grd_headTblCont table td {
|
|||
padding: 1px 3px 1px 3px !important;
|
||||
}
|
||||
.grd_inf {
|
||||
background: #f4f4f4 url("images/bg_infDiv.jpg") center bottom repeat-x !important;
|
||||
background-color: #d8d8d8;
|
||||
border-top: 1px solid #d0d0d0 !important;
|
||||
height: 29px !important;
|
||||
padding-top: 2px !important;
|
||||
}
|
||||
.loader {
|
||||
border: 0 !important;
|
||||
background: transparent !important;
|
||||
margin: 185px auto !important;
|
||||
background: #81963b !important;
|
||||
}
|
||||
.defaultLoader {
|
||||
width: 32px;
|
||||
|
|
@ -166,3 +133,6 @@ div.grd_headTblCont table td {
|
|||
.odd {
|
||||
background-color: #fff;
|
||||
}
|
||||
span.expClpFlt a.btnExpClpFlt:hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
/**
|
||||
* TableFilter v0.0.0 by Max Guglielmi
|
||||
* build date: 2015-08-09T02:22:27.647Z
|
||||
* build date: 2015-08-09T12:32:52.610Z
|
||||
* MIT License
|
||||
*/
|
||||
/**
|
||||
|
|
@ -55,48 +55,24 @@ input.flt {
|
|||
.inf {
|
||||
background-color: #e3efff !important;
|
||||
border: 1px solid #a4bed4;
|
||||
height: 25px;
|
||||
height: $min-height;
|
||||
color: #004a6f;
|
||||
}
|
||||
div.tot,
|
||||
div.status {
|
||||
border-right: 0 !important;
|
||||
}
|
||||
.helpBtn {
|
||||
margin: 0 5px 0 5px;
|
||||
padding: 2px 4px 2px 4px;
|
||||
color: #004a6f !important;
|
||||
font-size: 13px;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
.helpBtn :hover {
|
||||
background-color: #ffe4ab;
|
||||
border: 1px solid #ffb552 !important;
|
||||
text-decoration: none;
|
||||
.helpBtn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
input.reset {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
cursor: pointer !important;
|
||||
border: 1px solid transparent !important;
|
||||
vertical-align: middle;
|
||||
background: transparent url("images/icn_clear_filters.png") center center no-repeat !important;
|
||||
}
|
||||
input.reset :hover {
|
||||
background: #ffe4ab url("images/icn_clear_filters.png") center center no-repeat !important;
|
||||
border: 1px solid #ffb552 !important;
|
||||
}
|
||||
input.pgInp {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
cursor: pointer !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
.nextPage {
|
||||
background: transparent url("images/btn_next_page.gif") center center no-repeat !important;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
.nextPage :hover {
|
||||
.nextPage:hover {
|
||||
background: #ffe4ab url("images/btn_next_page.gif") center center no-repeat !important;
|
||||
border: 1px solid #ffb552 !important;
|
||||
}
|
||||
|
|
@ -104,7 +80,7 @@ input.pgInp {
|
|||
background: transparent url("images/btn_prev_page.gif") center center no-repeat !important;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
.previousPage :hover {
|
||||
.previousPage:hover {
|
||||
background: #ffe4ab url("images/btn_prev_page.gif") center center no-repeat !important;
|
||||
border: 1px solid #ffb552 !important;
|
||||
}
|
||||
|
|
@ -112,7 +88,7 @@ input.pgInp {
|
|||
background: transparent url("images/btn_first_page.gif") center center no-repeat !important;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
.firstPage :hover {
|
||||
.firstPage:hover {
|
||||
background: #ffe4ab url("images/btn_first_page.gif") center center no-repeat !important;
|
||||
border: 1px solid #ffb552 !important;
|
||||
}
|
||||
|
|
@ -120,13 +96,10 @@ input.pgInp {
|
|||
background: transparent url("images/btn_last_page.gif") center center no-repeat !important;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
.lastPage :hover {
|
||||
.lastPage:hover {
|
||||
background: #ffe4ab url("images/btn_last_page.gif") center center no-repeat !important;
|
||||
border: 1px solid #ffb552 !important;
|
||||
}
|
||||
select.rspg {
|
||||
font-size: 10px;
|
||||
}
|
||||
.activeHeader {
|
||||
background: #ffe4ab !important;
|
||||
border: 1px solid #ffb552 !important;
|
||||
|
|
@ -149,7 +122,6 @@ div.grd_headTblCont {
|
|||
}
|
||||
div.grd_tblCont table {
|
||||
border-right: none !important;
|
||||
font: 12px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !important;
|
||||
}
|
||||
div.grd_tblCont table th,
|
||||
div.grd_headTblCont table th,
|
||||
|
|
@ -159,38 +131,26 @@ div.grd_headTblCont table td {
|
|||
border-right: 1px solid #a4bed4 !important;
|
||||
border-left: 1px solid #fff !important;
|
||||
border-top: 1px solid #fff !important;
|
||||
padding: 5px 2px 5px 2px !important;
|
||||
}
|
||||
div.grd_tblCont table td {
|
||||
border-bottom: 1px solid #a4bed4 !important;
|
||||
border-right: 0 !important;
|
||||
border-left: 0 !important;
|
||||
border-top: 0 !important;
|
||||
padding: 5px 2px 5px 2px !important;
|
||||
}
|
||||
.grd_inf {
|
||||
background-color: #d9eaed !important;
|
||||
height: 25px;
|
||||
background-color: #cce2fe;
|
||||
color: #004a6f;
|
||||
border-top: 1px solid #9cc !important;
|
||||
}
|
||||
.grd_inf .rdiv {
|
||||
height: 28px;
|
||||
}
|
||||
.grd_inf a {
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
.grd_inf a.helpBtn {
|
||||
vertical-align: middle;
|
||||
margin-top: 2px !important;
|
||||
padding-top: 1px !important;
|
||||
}
|
||||
.loader {
|
||||
border: 0 !important;
|
||||
background: transparent !important;
|
||||
margin-top: 40px;
|
||||
margin-left: 0 !important;
|
||||
background-color: #2d8eef;
|
||||
border: 1px solid #cce2fe;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.even {
|
||||
background-color: #fff;
|
||||
|
|
@ -198,6 +158,9 @@ div.grd_tblCont table td {
|
|||
.odd {
|
||||
background-color: #e3efff;
|
||||
}
|
||||
span.expClpFlt a.btnExpClpFlt:hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.ezActiveRow {
|
||||
background-color: #ffdc61 !important;
|
||||
color: inherit;
|
||||
|
|
|
|||
7029
dist/tablefilter/tablefilter.js
vendored
7029
dist/tablefilter/tablefilter.js
vendored
File diff suppressed because one or more lines are too long
2228
dist/tablefilter/tf-1.js
vendored
2228
dist/tablefilter/tf-1.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -11,7 +11,7 @@ span.expClpFlt
|
|||
height $min-height
|
||||
display inline-block
|
||||
|
||||
:hover
|
||||
&:hover
|
||||
background-color $toolbar-hover-color
|
||||
|
||||
img
|
||||
|
|
|
|||
|
|
@ -43,50 +43,37 @@ input.flt
|
|||
|
||||
// toolbar
|
||||
.inf
|
||||
background #f4f4f4 url(images/bg_infDiv.jpg) 0 0 repeat-x !important
|
||||
height $min-height
|
||||
background #D7D7D7 url(images/bg_infDiv.jpg) 0 0 repeat-x !important
|
||||
|
||||
// reset button
|
||||
input.reset
|
||||
width 19px
|
||||
height 19px
|
||||
cursor pointer !important
|
||||
border 0 !important
|
||||
vertical-align middle
|
||||
background transparent url(images/btn_eraser.gif) center center no-repeat !important
|
||||
|
||||
:hover
|
||||
background transparent url(images/btn_over_eraser.gif) center center no-repeat !important
|
||||
|
||||
// paging
|
||||
input.pgInp
|
||||
width 19px
|
||||
height 19px
|
||||
cursor pointer !important
|
||||
border 0 !important
|
||||
.helpBtn
|
||||
&:hover
|
||||
background-color transparent
|
||||
|
||||
.nextPage
|
||||
background transparent url(images/btn_next_page.gif) center center no-repeat !important
|
||||
:hover
|
||||
&:hover
|
||||
background transparent url(images/btn_over_next_page.gif) center center no-repeat !important
|
||||
|
||||
.previousPage
|
||||
background transparent url(images/btn_previous_page.gif) center center no-repeat !important
|
||||
:hover
|
||||
&:hover
|
||||
background transparent url(images/btn_over_previous_page.gif) center center no-repeat !important
|
||||
|
||||
.firstPage
|
||||
background transparent url(images/btn_first_page.gif) center center no-repeat !important
|
||||
:hover
|
||||
&:hover
|
||||
background transparent url(images/btn_over_first_page.gif) center center no-repeat !important
|
||||
|
||||
.lastPage
|
||||
background transparent url(images/btn_last_page.gif) center center no-repeat !important
|
||||
:hover
|
||||
&:hover
|
||||
background transparent url(images/btn_over_last_page.gif) center center no-repeat !important
|
||||
|
||||
select.rspg
|
||||
font-size 10px
|
||||
|
||||
// grid-layout
|
||||
|
||||
// main container
|
||||
|
|
@ -110,8 +97,8 @@ div.grd_headTblCont
|
|||
border-right none !important
|
||||
|
||||
// headers
|
||||
div.grd_tblCont table th,
|
||||
div.grd_headTblCont table th,
|
||||
div.grd_tblCont table th
|
||||
div.grd_headTblCont table th
|
||||
div.grd_headTblCont table td
|
||||
background #EBECEE url(images/bg_th.jpg) left top repeat-x !important
|
||||
border-bottom 1px solid #D0D0D0 !important
|
||||
|
|
@ -119,15 +106,17 @@ div.grd_headTblCont table td
|
|||
border-left 1px solid #fff !important
|
||||
border-top 1px solid #fff !important
|
||||
|
||||
div.grd_tblCont table td
|
||||
border-bottom 1px solid #999 !important
|
||||
|
||||
// toolbar containing left, middle and right divs
|
||||
.grd_inf
|
||||
background #D7D7D7 url(images/bg_infDiv.jpg) 0 0 repeat-x !important
|
||||
border-top 1px solid #D0D0D0 !important
|
||||
height 29px !important
|
||||
|
||||
// loader
|
||||
.loader
|
||||
border 1px solid #999; background:#fff
|
||||
border 1px solid #999
|
||||
.defaultLoader
|
||||
width 32px
|
||||
height 32px
|
||||
|
|
@ -138,3 +127,9 @@ div.grd_headTblCont table td
|
|||
background-color #fff
|
||||
.odd
|
||||
background-color #D5D5D5
|
||||
|
||||
// filters visibility
|
||||
span.expClpFlt
|
||||
a.btnExpClpFlt
|
||||
&:hover
|
||||
background-color transparent !important
|
||||
|
|
|
|||
|
|
@ -47,63 +47,30 @@ input.flt
|
|||
|
||||
// toolbar
|
||||
.inf
|
||||
background #f4f4f4 url(images/bg_infDiv.jpg) left bottom repeat-x !important
|
||||
background #D8D8D8
|
||||
height $min-height
|
||||
|
||||
// reset button
|
||||
input.reset
|
||||
width 53px
|
||||
height 19px
|
||||
cursor pointer !important
|
||||
border 0 !important
|
||||
vertical-align middle
|
||||
background transparent url(images/btn_filter.png) center center no-repeat !important;
|
||||
background transparent url(images/btn_filter.png) center center no-repeat !important
|
||||
|
||||
:hover
|
||||
background #CAD1D6 url(images/btn_filter.png) center center no-repeat !important
|
||||
.helpBtn
|
||||
&:hover
|
||||
background-color transparent
|
||||
|
||||
// paging
|
||||
|
||||
// left div
|
||||
.ldiv
|
||||
width 40% !important
|
||||
|
||||
// middle div */
|
||||
.mdiv
|
||||
width 34% !important
|
||||
text-align left !important
|
||||
|
||||
// right div
|
||||
.rdiv
|
||||
width 20% !important
|
||||
|
||||
input.pgInp
|
||||
width 19px
|
||||
height 19px
|
||||
cursor pointer !important
|
||||
border 0 !important
|
||||
|
||||
.nextPage
|
||||
background transparent url(images/btn_next_page.gif) center center no-repeat !important
|
||||
:hover
|
||||
background #CAD1D6 url(images/btn_next_page.gif) center center no-repeat !important
|
||||
|
||||
.previousPage
|
||||
background transparent url(images/btn_previous_page.gif) center center no-repeat !important
|
||||
:hover
|
||||
background #CAD1D6 url(images/btn_previous_page.gif) center center no-repeat !important
|
||||
|
||||
.firstPage
|
||||
background transparent url(images/btn_first_page.gif) center center no-repeat !important
|
||||
:hover
|
||||
background #CAD1D6 url(images/btn_first_page.gif) center center no-repeat !important
|
||||
|
||||
.lastPage
|
||||
background transparent url(images/btn_last_page.gif) center center no-repeat !important
|
||||
:hover
|
||||
background #CAD1D6 url(images/btn_last_page.gif) center center no-repeat !important
|
||||
|
||||
select.rspg
|
||||
font-size 10px
|
||||
|
||||
// grid-layout
|
||||
|
||||
|
|
@ -128,6 +95,10 @@ div.grd_headTblCont
|
|||
div.grd_tblCont table
|
||||
border-right none !important
|
||||
|
||||
td
|
||||
border-bottom 1px dotted #81963B
|
||||
border-right 1px dotted #81963B
|
||||
|
||||
// headers
|
||||
div.grd_tblCont table th,
|
||||
div.grd_headTblCont table th
|
||||
|
|
@ -152,16 +123,13 @@ div.grd_headTblCont table td
|
|||
|
||||
// div containing left, middle and right divs
|
||||
.grd_inf
|
||||
background #f4f4f4 url(images/bg_infDiv.jpg) center bottom repeat-x !important
|
||||
background-color #D8D8D8
|
||||
border-top 1px solid #D0D0D0 !important
|
||||
height 29px !important
|
||||
padding-top 2px !important
|
||||
|
||||
// loader
|
||||
.loader
|
||||
border 0 !important
|
||||
background transparent !important
|
||||
margin 185px auto !important
|
||||
background #81963b !important
|
||||
|
||||
.defaultLoader
|
||||
width 32px
|
||||
|
|
@ -174,3 +142,9 @@ div.grd_headTblCont table td
|
|||
|
||||
.odd
|
||||
background-color #fff
|
||||
|
||||
// filters visibility
|
||||
span.expClpFlt
|
||||
a.btnExpClpFlt
|
||||
&:hover
|
||||
background-color transparent !important
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ table.TF
|
|||
margin 0
|
||||
padding 5px
|
||||
color inherit
|
||||
background #D1E5FE url("images/bg_skyblue.gif") 0 0 repeat-x
|
||||
background #D1E5FE url(images/bg_skyblue.gif) 0 0 repeat-x
|
||||
border-color #FDFDFD #A4BED4 #A4BED4 #FDFDFD
|
||||
border-width 1px
|
||||
border-style solid
|
||||
|
|
@ -53,7 +53,7 @@ input.flt
|
|||
.inf
|
||||
background-color #E3EFFF !important
|
||||
border 1px solid #A4BED4
|
||||
height 25px
|
||||
height $min-height
|
||||
color #004A6F
|
||||
|
||||
div.tot,
|
||||
|
|
@ -62,42 +62,18 @@ div.status
|
|||
|
||||
// help
|
||||
.helpBtn
|
||||
margin 0 5px 0 5px
|
||||
padding 2px 4px 2px 4px
|
||||
color #004A6F !important
|
||||
font-size 13px
|
||||
border 1px solid transparent !important
|
||||
|
||||
:hover
|
||||
background-color #FFE4AB
|
||||
border 1px solid #FFB552 !important
|
||||
text-decoration none
|
||||
&:hover
|
||||
background-color transparent
|
||||
|
||||
// reset button
|
||||
input.reset
|
||||
width 19px
|
||||
height 19px
|
||||
cursor pointer !important
|
||||
border 1px solid transparent !important
|
||||
vertical-align middle
|
||||
background transparent url(images/icn_clear_filters.png) center center no-repeat !important
|
||||
|
||||
:hover
|
||||
background #FFE4AB url(images/icn_clear_filters.png) center center no-repeat !important
|
||||
border 1px solid #FFB552 !important
|
||||
|
||||
// paging
|
||||
input.pgInp
|
||||
width 19px
|
||||
height 19px
|
||||
cursor pointer !important
|
||||
border 0 !important
|
||||
|
||||
.nextPage
|
||||
background transparent url(images/btn_next_page.gif) center center no-repeat !important
|
||||
border 1px solid transparent !important
|
||||
|
||||
:hover
|
||||
&:hover
|
||||
background #FFE4AB url(images/btn_next_page.gif) center center no-repeat !important
|
||||
border 1px solid #FFB552 !important
|
||||
|
||||
|
|
@ -105,7 +81,7 @@ input.pgInp
|
|||
background transparent url(images/btn_prev_page.gif) center center no-repeat !important
|
||||
border 1px solid transparent !important
|
||||
|
||||
:hover
|
||||
&:hover
|
||||
background #FFE4AB url(images/btn_prev_page.gif) center center no-repeat !important
|
||||
border 1px solid #FFB552 !important
|
||||
|
||||
|
|
@ -113,7 +89,7 @@ input.pgInp
|
|||
background transparent url(images/btn_first_page.gif) center center no-repeat !important
|
||||
border 1px solid transparent !important
|
||||
|
||||
:hover
|
||||
&:hover
|
||||
background #FFE4AB url(images/btn_first_page.gif) center center no-repeat !important
|
||||
border 1px solid #FFB552 !important
|
||||
|
||||
|
|
@ -121,13 +97,10 @@ input.pgInp
|
|||
background transparent url(images/btn_last_page.gif) center center no-repeat !important
|
||||
border 1px solid transparent !important
|
||||
|
||||
:hover
|
||||
&:hover
|
||||
background #FFE4AB url(images/btn_last_page.gif) center center no-repeat !important
|
||||
border 1px solid #FFB552 !important
|
||||
|
||||
select.rspg
|
||||
font-size 10px
|
||||
|
||||
// active header
|
||||
.activeHeader
|
||||
background #FFE4AB !important
|
||||
|
|
@ -157,7 +130,6 @@ div.grd_headTblCont
|
|||
|
||||
div.grd_tblCont table
|
||||
border-right none !important
|
||||
font 12px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !important
|
||||
|
||||
// headers
|
||||
div.grd_tblCont table th,
|
||||
|
|
@ -168,41 +140,28 @@ div.grd_headTblCont table td
|
|||
border-right 1px solid #A4BED4 !important
|
||||
border-left 1px solid #fff !important
|
||||
border-top 1px solid #fff !important
|
||||
padding 5px 2px 5px 2px !important
|
||||
|
||||
div.grd_tblCont table td
|
||||
border-bottom 1px solid #A4BED4 !important
|
||||
border-right 0 !important
|
||||
border-left 0 !important
|
||||
border-top 0 !important
|
||||
padding 5px 2px 5px 2px !important
|
||||
|
||||
// toolbar containing left, middle and right divs
|
||||
.grd_inf
|
||||
background-color #D9EAED !important
|
||||
height 25px
|
||||
background-color #CCE2FE
|
||||
color #004A6F
|
||||
border-top 1px solid #99CCCC !important
|
||||
|
||||
.rdiv
|
||||
height 28px
|
||||
|
||||
a
|
||||
text-decoration none
|
||||
font-weight bold
|
||||
|
||||
// help button
|
||||
a.helpBtn
|
||||
vertical-align middle
|
||||
margin-top 2px !important
|
||||
padding-top 1px !important
|
||||
|
||||
// loader
|
||||
.loader
|
||||
border 0 !important
|
||||
background transparent !important
|
||||
margin-top 40px
|
||||
margin-left 0 !important
|
||||
background-color #2D8EEF
|
||||
border 1px solid #CCE2FE
|
||||
border-radius 5px
|
||||
|
||||
// alternating background colors
|
||||
.even
|
||||
|
|
@ -211,6 +170,12 @@ div.grd_tblCont table td
|
|||
.odd
|
||||
background-color #E3EFFF
|
||||
|
||||
// filters visibility
|
||||
span.expClpFlt
|
||||
a.btnExpClpFlt
|
||||
&:hover
|
||||
background-color transparent !important
|
||||
|
||||
// ezedittable
|
||||
|
||||
// selection
|
||||
|
|
|
|||
|
|
@ -50,6 +50,7 @@
|
|||
var filtersConfig = {
|
||||
base_path: '../dist/tablefilter/',
|
||||
grid_layout: true,
|
||||
grid_width: '900px',
|
||||
alternate_rows: true,
|
||||
btn_reset: true,
|
||||
rows_counter: true,
|
||||
|
|
@ -58,9 +59,9 @@
|
|||
col_1: 'select',
|
||||
col_2: 'select',
|
||||
col_widths: [
|
||||
"150px", "70px", "70px",
|
||||
"120px", "120px", "100px",
|
||||
"100px", "100px", "100px"
|
||||
'150px', '90px', '70px',
|
||||
'120px', '120px', '100px',
|
||||
'100px', '100px', '100px'
|
||||
],
|
||||
extensions:[
|
||||
{
|
||||
|
|
|
|||
|
|
@ -96,17 +96,13 @@ var tfConfig = {
|
|||
},
|
||||
extensions:[
|
||||
{
|
||||
name: 'sort',
|
||||
types: [
|
||||
'number', 'string', 'string',
|
||||
'US', 'none', 'string'
|
||||
]
|
||||
name: 'sort'
|
||||
},{
|
||||
name: 'colOps',
|
||||
id: ["sum1", "sum2"],
|
||||
id: ['sum1', 'sum2'],
|
||||
col: [3, 4],
|
||||
operation: ["sum", "sum"],
|
||||
write_method: ["innerhtml", 'innerhtml'],
|
||||
operation: ['sum', 'sum'],
|
||||
write_method: ['innerhtml', 'innerhtml'],
|
||||
exclude_row: [totRowIndex],
|
||||
decimal_precision: [2, 2],
|
||||
tot_row_index: [totRowIndex],
|
||||
|
|
|
|||
|
|
@ -30,6 +30,7 @@ var tfConfig = {
|
|||
filters_row_index: 2,
|
||||
headers_row_index: 1,
|
||||
sort: true,
|
||||
paging: true,
|
||||
col_number_format: [
|
||||
null, null, 'US',
|
||||
null, null, null
|
||||
|
|
@ -79,7 +80,8 @@ var tfConfig = {
|
|||
/* theme */
|
||||
themes: [{ name: 'default' }],
|
||||
|
||||
extensions: [{ name: 'sort' }]
|
||||
extensions: [{ name: 'sort' },/*{ name: 'colsVisibility'},*/
|
||||
{name:'filtersVisibility'}]
|
||||
};
|
||||
|
||||
var tf = new TableFilter('books', tfConfig, 2);
|
||||
|
|
|
|||
Loading…
Reference in a new issue