Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I'm assuming you're using the <a href="http://www.datatables.net" rel="nofollow">JQuery DataTables Plugin</a>.</p> <p><strong>1 - Removing the Length Selector</strong></p> <p>To remove the number of entries selector, you should configure the DOM elements/positioning accordingly, which avoids adding instead of just hiding some elements. The plugin has an example:</p> <p><a href="http://www.datatables.net/release-datatables/examples/basic_init/dom.html" rel="nofollow">http://www.datatables.net/release-datatables/examples/basic_init/dom.html</a></p> <p>The <code>sDom</code> docs:</p> <p><a href="http://datatables.net/ref#sDom" rel="nofollow">http://datatables.net/ref#sDom</a></p> <p>The first thing you need to do is to remove the "l" from <code>sDom: "lfrtip"</code> (if bJQueryUI is false) or <code>sDom: '&lt;"H"lfr&gt;t&lt;"F"ip&gt;'</code> (if bJQueryUI is true), which means you'd remove the length select widget.</p> <p><strong>2 - Placing another widget where the Length Selector would be placed</strong></p> <p>That's about the CSS. I'm assuming your new widget is placed just before the data table. This would allow floats from before:</p> <pre><code>div.dataTables_wrapper { clear: none; } </code></pre> <p>The search edit input is a <code>float: right;</code> and the table has a <code>clear: both;</code> by default. So you can make your add button a <code>float: left;</code>, and that should solve your problem.</p> <p>See the <a href="http://jsfiddle.net/djsbellini/8YWgE/" rel="nofollow">jsfiddle I've done with that</a>.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload