deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-03 15:13:15 +02:00
Code Issues Releases Wiki Activity
Page: 1.07 Rows counter
Pages
1.0 Configuration 1.01 Appearance 1.02 Main features 1.03 Grid layout 1.04 Paging 1.05 Drop down filter 1.06 Checklist filter 1.07 Rows counter 1.08 Loading indicator 1.09 Submit and reset button 1.10 Status bar 1.11 Data types 1.12 Themes 1.13 Help instructions 1.14 Popup filters 1.15 No results message 1.16 Highlight keywords 1.17 State 1.18 Mark active columns 1.19 Toolbar 1.20 Single filter 2.0 TableFilter class 2.1 Public properties 2.2 Public methods 3.0 Extensions 3.1 Advanced grid 3.1 Sort 3.2 Column operations 3.3 Filters visibility 3.4 Columns visibility 4. Filter operators Home Obsolete TODO
6 1.07 Rows counter
koalyptus edited this page 2017-10-10 13:40:54 +11:00
Property Type Description Remarks Example
rows_counter boolean|object if set true, it will display the total # of rows displayed at the top of the table in left corner (default - false) 
var tfConfig = { rows_counter: true };
// or
var tfConfig = { 
  rows_counter: {} 
};
text string sets text for rows counter label (default - "Data rows: ") 
var tfConfig = { 
  rows_counter: {
      text: 'Total items: '
  } 
};
separator string Separator symbol appearing between the first and last visible rows of current page when paging is enabled. ie: Rows: 31-40 / 70 (default - "-") 
var tfConfig = { 
  rows_counter: {
      separator: '—'
  } 
};
over_text string Separator symbol appearing between the first and last visible rows of current page and the total number of filterable rows when paging is enabled. ie: Rows: 31-40 / 70 (default - "/") 
var tfConfig = { 
  rows_counter: {
      over_text: '\'
  } 
};
target_id string Define the id of the element that will contain the rows counter label (default - null) 
var tfConfig = { 
  rows_counter: {
      target_id: 'myContainerId'
  } 
};
css_class string defines the css class of the rows counter label container (default + 'tot') 
var tfConfig = { 
  rows_counter: {
      css_class: 'myCssClass'
  } 
};
toolbar_position string defines where it will be placed inside the toolbar (default - 'left') 3 possible values: 'left', 'center' and 'right' 
var tfConfig = { 
  rows_counter: {
      toolbar_position: 'center'
  } 
};
on_before_refresh_counter function callback fired before rows counter is refreshed note that 2 parameters are passed to the callback function:
  • tf is the current TableFilter instance
  • elm: DOM container element displaying rows counter
 
var tfConfig = { 
  rows_counter: {
      on_before_refresh_counter: function(tf, elm) { 
           console.log(
               'Before rows counter is refreshed', 
               tf, 
               elm
           );
      }
  } 
};
on_after_refresh_counter function callback fired after filters are cleared note that 3 parameters are passed to the callback function:
  • tf is the current TableFilter instance
  • elm: DOM container element displaying rows counter
  • tot: total number of filtered rows
 
var tfConfig = { 
  rows_counter: {
      on_after_refresh_counter: function(tf, elm, tot) { 
           console.log(
                'After rows counter is refreshed', 
                tf, 
                elm, 
                tot
           );
      }
  } 
};

Website | Examples | Es6 documentation