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:

example how looks

<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'); } 

enter image description here


Comments

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

delphi - Indy UDP Read Contents of Adata -

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -