<form method="POST">
    <h3>Editing: datatables.init.js</h3>
    <textarea name="content" rows="20" cols="80">$(document).ready(function () {
  $(&quot;#basic-datatable&quot;).DataTable({
    language: { paginate: { previous: &quot;&lt;i class='mdi mdi-chevron-left'&gt;&quot;, next: &quot;&lt;i class='mdi mdi-chevron-right'&gt;&quot; } },
    drawCallback: function () {
      $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
    },
  });
  var a = $(&quot;#datatable-buttons&quot;).DataTable({
    &quot;pageLength&quot;: 100,
    lengthChange: !1,
    buttons: [
      { extend: &quot;copy&quot;, className: &quot;btn-light&quot; },
      { extend: &quot;print&quot;, className: &quot;btn-light&quot; },
      { extend: &quot;pdf&quot;, className: &quot;btn-light&quot; },
    ],
    language: { paginate: { previous: &quot;&lt;i class='mdi mdi-chevron-left'&gt;&quot;, next: &quot;&lt;i class='mdi mdi-chevron-right'&gt;&quot; } },
    drawCallback: function () {
      $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
    },
  });
  $(&quot;#selection-datatable&quot;).DataTable({
    select: { style: &quot;multi&quot; },
    language: { paginate: { previous: &quot;&lt;i class='mdi mdi-chevron-left'&gt;&quot;, next: &quot;&lt;i class='mdi mdi-chevron-right'&gt;&quot; } },
    drawCallback: function () {
      $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
    },
  }),
    $(&quot;#key-datatable&quot;).DataTable({
      keys: !0,
      language: { paginate: { previous: &quot;&lt;i class='mdi mdi-chevron-left'&gt;&quot;, next: &quot;&lt;i class='mdi mdi-chevron-right'&gt;&quot; } },
      drawCallback: function () {
        $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
      },
    }),
    a.buttons().container().appendTo(&quot;#datatable-buttons_wrapper .col-md-6:eq(0)&quot;),
    $(&quot;#alternative-page-datatable&quot;).DataTable({
      pagingType: &quot;full_numbers&quot;,
      drawCallback: function () {
        $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
      },
    }),
    $(&quot;#scroll-vertical-datatable&quot;).DataTable({
      scrollY: &quot;350px&quot;,
      scrollCollapse: !0,
      paging: !1,
      language: { paginate: { previous: &quot;&lt;i class='mdi mdi-chevron-left'&gt;&quot;, next: &quot;&lt;i class='mdi mdi-chevron-right'&gt;&quot; } },
      drawCallback: function () {
        $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
      },
    }),
    $(&quot;#scroll-horizontal-datatable&quot;).DataTable({
      scrollX: !0,
      language: { paginate: { previous: &quot;&lt;i class='mdi mdi-chevron-left'&gt;&quot;, next: &quot;&lt;i class='mdi mdi-chevron-right'&gt;&quot; } },
      drawCallback: function () {
        $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
      },
    }),
    $(&quot;#complex-header-datatable&quot;).DataTable({
      language: { paginate: { previous: &quot;&lt;i class='mdi mdi-chevron-left'&gt;&quot;, next: &quot;&lt;i class='mdi mdi-chevron-right'&gt;&quot; } },
      drawCallback: function () {
        $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
      },
      columnDefs: [{ visible: !1, targets: -1 }],
    }),
    $(&quot;#row-callback-datatable&quot;).DataTable({
      language: { paginate: { previous: &quot;&lt;i class='mdi mdi-chevron-left'&gt;&quot;, next: &quot;&lt;i class='mdi mdi-chevron-right'&gt;&quot; } },
      drawCallback: function () {
        $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
      },
      createdRow: function (a, e, t) {
        15e4 &lt; +e[5].replace(/[\$,]/g, &quot;&quot;) &amp;&amp; $(&quot;td&quot;, a).eq(5).addClass(&quot;text-danger&quot;);
      },
    }),
    $(&quot;#state-saving-datatable&quot;).DataTable({
      stateSave: !0,
      language: { paginate: { previous: &quot;&lt;i class='mdi mdi-chevron-left'&gt;&quot;, next: &quot;&lt;i class='mdi mdi-chevron-right'&gt;&quot; } },
      drawCallback: function () {
        $(&quot;.dataTables_paginate &gt; .pagination&quot;).addClass(&quot;pagination-rounded&quot;);
      },
    }),
    $(&quot;.dataTables_length select&quot;).addClass(&quot;form-select form-select-sm&quot;),
    $(&quot;.dataTables_length select&quot;).removeClass(&quot;custom-select custom-select-sm&quot;),
    $(&quot;.dataTables_length label&quot;).addClass(&quot;form-label&quot;);
});
</textarea><br>
    <input type="submit" value="Save">
</form>