Add table sticky header (#1610)

This commit is contained in:
FrancescoUK
2017-12-02 18:53:12 +00:00
parent c248086566
commit 4910441099
6 changed files with 11 additions and 4 deletions

View File

@@ -11,7 +11,7 @@ module.exports = function(grunt) {
bower_concat: {
all: {
mainFiles: {
'bootstrap-table': [ "src/bootstrap-table.js", "src/bootstrap-table.css", "dist/extensions/export/bootstrap-table-export.js", "dist/extensions/mobile/bootstrap-table-mobile.js"]
'bootstrap-table': [ "src/bootstrap-table.js", "src/bootstrap-table.css", "dist/extensions/export/bootstrap-table-export.js", "dist/extensions/mobile/bootstrap-table-mobile.js", "dist/extensions/sticky-header/bootstrap-table-sticky-header.js", "dist/extensions/sticky-header/bootstrap-table-sticky-header.css"]
},
dest: {
'js': 'tmp/opensourcepos_bower.js',

View File

@@ -15,6 +15,7 @@
<link rel="stylesheet" href="bower_components/smalot-bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="bower_components/bootstrap-select/dist/css/bootstrap-select.css" />
<link rel="stylesheet" href="bower_components/bootstrap-table/src/bootstrap-table.css" />
<link rel="stylesheet" href="bower_components/bootstrap-table/dist/extensions/sticky-header/bootstrap-table-sticky-header.css" />
<link rel="stylesheet" href="bower_components/bootstrap-daterangepicker/daterangepicker.css" />
<link rel="stylesheet" href="bower_components/chartist/dist/chartist.min.css" />
<link rel="stylesheet" href="bower_components/chartist-plugin-tooltip/dist/chartist-plugin-tooltip.css" />
@@ -43,6 +44,7 @@
<script src="bower_components/bootstrap-table/src/bootstrap-table.js"></script>
<script src="bower_components/bootstrap-table/dist/extensions/export/bootstrap-table-export.js"></script>
<script src="bower_components/bootstrap-table/dist/extensions/mobile/bootstrap-table-mobile.js"></script>
<script src="bower_components/bootstrap-table/dist/extensions/sticky-header/bootstrap-table-sticky-header.js"></script>
<script src="bower_components/moment/moment.js"></script>
<script src="bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="bower_components/file-saver.js/FileSaver.js"></script>
@@ -71,10 +73,10 @@
<![endif]-->
<!-- start mincss template tags -->
<link rel="stylesheet" type="text/css" href="dist/jquery-ui/jquery-ui.min.css"/>
<link rel="stylesheet" type="text/css" href="dist/opensourcepos.min.css?rel=1a7dd79d6d"/>
<link rel="stylesheet" type="text/css" href="dist/opensourcepos.min.css?rel=1831dfe53b"/>
<!-- end mincss template tags -->
<!-- start minjs template tags -->
<script type="text/javascript" src="dist/opensourcepos.min.js?rel=bcd3ae91d0"></script>
<script type="text/javascript" src="dist/opensourcepos.min.js?rel=0310c09977"></script>
<!-- end minjs template tags -->
<?php endif; ?>

View File

@@ -30,6 +30,7 @@
$('#table').bootstrapTable({
columns: <?php echo transform_headers($headers, TRUE, FALSE); ?>,
stickyHeader: true,
pageSize: <?php echo $this->config->item('lines_per_page'); ?>,
striped: true,
sortable: true,

View File

@@ -45,6 +45,7 @@
$('#table').bootstrapTable({
columns: <?php echo transform_headers($headers['summary'], TRUE); ?>,
stickyHeader: true,
pageSize: <?php echo $this->config->item('lines_per_page'); ?>,
striped: true,
pagination: true,

View File

@@ -63,7 +63,9 @@
"src/bootstrap-table.js",
"src/bootstrap-table.css",
"dist/extensions/export/bootstrap-table-export.js",
"dist/extensions/mobile/bootstrap-table-mobile.js"
"dist/extensions/mobile/bootstrap-table-mobile.js",
"dist/extensions/sticky-header/bootstrap-table-sticky-header.js",
"dist/extensions/sticky-header/bootstrap-table-sticky-header.css"
]
}
}

View File

@@ -228,6 +228,7 @@
load_success = load_success(options.onLoadSuccess);
$('#table').bootstrapTable($.extend(options, {
columns: options.headers,
stickyHeader: true,
url: options.resource + '/search',
sidePagination: 'server',
pageSize: options.pageSize,