@@ -, +, @@ table (catalogue/detail.pl) - Reduce the font size of the filter input fields - Make the filter inputs' width 100% instead of fixed - Add "'bAutoWidth': false" to the datatables initialization to prevent the table width from being set to the browser window width on load. This allows the browser to be re-sized and have the table re-flow with it. --- koha-tmpl/intranet-tmpl/prog/en/css/datatables.css | 5 +++++ .../prog/en/modules/catalogue/detail.tt | 3 ++- 2 files changed, 7 insertions(+), 1 deletion(-) --- a/koha-tmpl/intranet-tmpl/prog/en/css/datatables.css +++ a/koha-tmpl/intranet-tmpl/prog/en/css/datatables.css @@ -225,3 +225,8 @@ tr.even.selected td { background-color: #D3D3D3; } +/* ColumnFilter */ +span.filter_column > input.text_filter { + font-size: 80%; + width: 100%; +} --- a/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/detail.tt +++ a/koha-tmpl/intranet-tmpl/prog/en/modules/catalogue/detail.tt @@ -54,7 +54,8 @@ function verify_images() { $(document).ready(function() { $("#itemstable").dataTable($.extend(true, {}, dataTablesDefaults, { 'sDom': 't', - 'bPaginate': false + 'bPaginate': false, + 'bAutoWidth': false })).columnFilter({ 'sPlaceHolder': 'head:after' }); --