DataTables DOM Positioning

DataTables default will open some features, such as the search box, pagination display and so on, perhaps you do not like DataTables to the layout, you may want to put the paging button in the middle of the bottom, the search box on the top left corner, do not worry about DataTables to consider this problem, Use DOM options to flexibly configure the location of individual features

DataTables defines a 10-character representation of a different component

• L-length changing how many data options are displayed per page
• f-filtering Input Search box
• T-the Table Tables
• I-information table Information
• P-pagination Paging button
• R-processing loading wait for display information
• < and >-div elements a DIV element
• < "#id" and >-div with an id specify the div element of the ID
• < "class" and >-div with a class to specify the style name of the DIV element
• < "#id. Class" and >-div with an ID and class to specify the ID and style of the DIV element

$ (document). Ready (function () {    $ (' #example '). DataTable ({        "dom": ' < "top" i>rt< "Bottom" flp>< "Clear" > "}"    ); );

　　

DataTables DOM Positioning