Is it possible to place the table control elements "dom": 'lrip' inside a custom division ?

Is it possible to place the table control elements "dom": 'lrip' inside a custom division ?

kkvbsureshkkvbsuresh Posts: 32Questions: 6Answers: 0

Link to test case:
Debugger code (debug.datatables.net):
Error messages shown:
Description of problem: As mention at https://datatables.net/reference/option/dom

Markup
Further to these options, you can also specify additional div elements to be inserted into the document, which can be used for styling / nesting of the control elements. To add tags, the following syntax is expected:

try to make a code as follows

$('#example').dataTable( {
"dom": '<"wrapper"flip>t'
} );

and change "wrapper" as class, then id and id.class but it doesn't appear inside the mentioned division.

This question has an accepted answers - jump to answer

Answers

  • kthorngrenkthorngren Posts: 20,148Questions: 26Answers: 4,736

    Is this what you are trying to do?

    Here is the example:
    http://live.datatables.net/qimitaja/1/edit

    If you need help please update the example showing what you are trying to do and describe what you want it to do.

    Kevin

  • kkvbsureshkkvbsuresh Posts: 32Questions: 6Answers: 0

    Kevin,

             Unfortunately what i tried is html table to like as follows
    

    <

    div id="d1" style ="background-color:yellow; width:80%;">my tables "f l" need to appear here in this custom built division

    <

    div>

    <

    div id="d2" style ="background-color:pink; width:100%;">custom built division with custom contents

    <

    div>

    <

    div id="d3" style ="background-color:#aaa; width:100%;">my tables "i p" need to appear here in this custom built division

    <

    div>

    <

    div id="d4" style ="background-color:#0ff; width:100%;">custom built division with custom contents

    <

    div>

    <

    div id="d5" style ="background-color:violet; width:100%;">my html table content here

    <

    div>

    Hope you understand ?

    varghese

  • kkvbsureshkkvbsuresh Posts: 32Questions: 6Answers: 0
  • colincolin Posts: 15,118Questions: 1Answers: 2,583
    Answer ✓

    I'm not too clear what the issue is, but if you want to move the elements around, you can detach() and appendTo() or prependTo() as in this example: http://live.datatables.net/xoqedulo/1/edit

    Colin

  • kkvbsureshkkvbsuresh Posts: 32Questions: 6Answers: 0

    Cheers for COLIN for the idea.

Sign In or Register to comment.