jquery - How to combine datatable search box and tableTools buttons in one row -
i using datatable tabletools multiple rows selection (select/deselect all) using below example.
http://datatables.net/release-datatables/extensions/tabletools/examples/select_multi.html
i want combine search box , select/deselect buttons in 1 row only. select/deselect in 1 row , search box in down , consuming 2 rows, want optimize space in single row.
this how looks currently:
<div class="dttt_container" id="chuji1" ><a class="dttt_button dttt_button_text" id="tooltables_example_0" tabindex="0" aria-controls="example"><span>select all</span></a><a class="dttt_button dttt_button_text dttt_disabled" id="tooltables_example_1" tabindex="0" aria-controls="example"><span>deselect all</span></a></div> <div id="example_filter" class="datatables_filter"><label>search:<input type="search" class="" placeholder="" aria-controls="example"></label></div>![enter image description here][1] step 1: put these 2 css classes in library .cssforchuji1{position: absolute;padding-left: 804px;padding-top:5px;} .cssforchuji2{padding-right: 243px;} step 2: put code in js $(document).ready(function() { $("#chuji1").addclass('cssforchuji1'); $("#example_filter").addclass('cssforchuji2'); }
Comments
Post a Comment