Not able to get NEW/EDIT/DELETE buttons

Not able to get NEW/EDIT/DELETE buttons

vijay.mandapativijay.mandapati Posts: 8Questions: 1Answers: 0
edited August 2015 in Free community support

Hi,

Please find the given code and help me to get NEW/EDIT/DELETE button.

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Bootstrap Example</title>
 

    <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.css">
    <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/plug-ins/1.10.6/integration/bootstrap/3/dataTables.bootstrap.css">
    <link rel="stylesheet" type="text/css" href="http://editor.datatables.net/examples/resources/bootstrap/editor.bootstrap.css">
<link rel="stylesheet" type="text/css" href="http//cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.css">
    <style type="text/css" class="init">

    body { font-size: 140%; }

    </style>
    <script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" language="javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script type="text/javascript" language="javascript" src="http://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" language="javascript" src="http://cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script>
<script type="text/javascript" language="javascript" src="http://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
    
    <script type="text/javascript" language="javascript" src="http://cdn.datatables.net/plug-ins/1.10.6/integration/bootstrap/3/dataTables.bootstrap.js"></script>
    <script type="text/javascript" language="javascript" src="http://editor.datatables.net/examples/resources/bootstrap/editor.bootstrap.js"></script>
        <script type="text/javascript" language="javascript" src="http//cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script>




<script>

var table = $('#dealerTabID').DataTable(); 
var editor = new $.fn.dataTable.Editor(table);
var tableTools = new $.fn.dataTable.TableTools( table, {
        sRowSelect: "os",
        aButtons: [
            { sExtends: "editor_create", editor: editor },
            { sExtends: "editor_edit",   editor: editor },
            { sExtends: "editor_remove", editor: editor }
        ]
    } );
    $( tableTools.fnContainer() ).appendTo( '#example_wrapper .col-sm-12:eq(0)' );

</script>


</head>
<body>
<form>
<table id="dealerTabID" class="table table-striped table-bordered display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>AAA</th>
                <th>BBBB</th>
                <th>CCCCC</th>
                <th>DDDDDD</th>
                <th>RRRRRR</th>
                <th>EEEEEE</th>
                <th>WWWWWW</th>
                <th>QQQQQ</th>
                <th>SSSSS</th>
                <th>AAAAA12</th>
                <th>TTTT</th>
                <th>UUUU</th>
                
            </tr>
        </thead>
  <tbody> 
 
 <tr>
    <td>111</td>
    <td>13</td>
    <td>22</td>
    <td>1</td>
    <td>44</td>
    <td>55</td>
    <td>66</td>
    <td>AAAAD</td>
    <td>N</td>
    <td>ASADDD</td>
    <td>ASSSS</td>
    <td>TX</td>
</tr>                       
 
 <tr>
    <td>222</td>
    <td>12</td>
    <td>33</td>
    <td>2</td>
    <td>55</td>
    <td>66</td>
    <td>77</td>
    <td>SASSAS</td>
    <td>N</td>
    <td>A12344</td>
    <td>qwqwe</td>
    <td>NV</td>
</tr>                       
 
 <tr>
    <td>333</td>
    <td>13</td>
    <td>44</td>
    <td>6</td>
    <td>55</td>
    <td>77</td>
    <td>1</td>
    <td>2334</td>
    <td>N</td>
    <td>wqw</td>
    <td>qqqqqqq</td>
    <td>TX</td>
</tr>                       
 
 <tr>
    <td>444</td>
    <td>13</td>
    <td>44</td>
    <td>6</td>
    <td>77</td>
    <td>77</td>
    <td>77</td>
    <td>admin</td>
    <td>N</td>
    <td>qwqqqq</td>
    <td>11111</td>
    <td>MI</td>
</tr>                       
 </tbody>
        <tfoot>
            <tr>
               <th>AAA</th>
                <th>BBBB</th>
                <th>CCCCC</th>
                <th>DDDDDD</th>
                <th>RRRRRR</th>
                <th>EEEEEE</th>
                <th>WWWWWW</th>
                <th>QQQQQ</th>
                <th>SSSSS</th>
                <th>AAAAA12</th>
                <th>TTTT</th>
                <th>UUUU</th>
            </tr>
        </tfoot>
    </table>



</form>

</body>
</html>

Answers

This discussion has been closed.