text: 
  
  $(function() {
      'use strict';
  
      $('.js-basic-example').DataTable();
  
      //Exportable table
      $('.js-exportable').DataTable({
          dom: 'Bfrtip',
          buttons: [
              'copy', 'csv', 'excel', 'pdf', 'print'
          ]
      });
  
      /* Formatting function for row details - modify as you need */
      function format ( d ) {
          // `d` is the original data object for the row
          return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'+
              '<tr>'+
                  '<td>Full name:</td>'+
                  '<td>'+d.name+'</td>'+
              '</tr>'+
              '<tr>'+
                  '<td>Extension number:</td>'+
                  '<td>'+d.extn+'</td>'+
              '</tr>'+
              '<tr>'+
                  '<td>Extra info:</td>'+
                  '<td>And any further details here (images etc)...</td>'+
              '</tr>'+
          '</table>';
      }
      
      $(document).ready(function() {
          var table = $('#example').DataTable( {
              "ajax": "univer/data/objects.txt",
              "columns": [
                  {
                      "className":      'details-control',
                      "orderable":      false,
                      "data":           null,
                      "defaultContent": ''
                  },
                  { "data": "name" },
                  { "data": "position" },
                  { "data": "office" },
                  { "data": "salary" }
              ],
              "order": [[1, 'asc']]
          } );
          
          // Add event listener for opening and closing details
          $('#example tbody').on('click', 'td.details-control', function () {
              var tr = $(this).closest('tr');
              var row = table.row( tr );
      
              if ( row.child.isShown() ) {
                  // This row is already open - close it
                  row.child.hide();
                  tr.removeClass('shown');
              }
              else {
                  // Open this row
                  row.child( format(row.data()) ).show();
                  tr.addClass('shown');
              }
          } );
      } );
  
      // Add row into table
      var addRowTable = {
          options: {
              addButton: "#addToTable",
              table: "#addrowExample",
              dialog: {}
          },
          initialize: function() {
              this.setVars().build().events()
          },
          setVars: function() {
              return this.$table = $(this.options.table), this.$addButton = $(this.options.addButton), this.dialog = {}, this.dialog.$wrapper = $(this.options.dialog.wrapper), this.dialog.$cancel = $(this.options.dialog.cancelButton), this.dialog.$confirm = $(this.options.dialog.confirmButton), this
          },
          build: function() {
              return this.datatable = this.$table.DataTable({
                  aoColumns: [null, null, null, {
                      bSortable: !1
                  }],
              }), window.dt = this.datatable, this
          },
          events: function() {
              var object = this;
              return this.$table.on("click", "button.button-save", function(e) {
                  e.preventDefault(), object.rowSave($(this).closest("tr"))
              }).on("click", "button.button-discard", function(e) {
                  e.preventDefault(), object.rowCancel($(this).closest("tr"))
              }).on("click", "button.button-edit", function(e) {
                  e.preventDefault(), object.rowEdit($(this).closest("tr"))
              }).on("click", "button.button-remove", function(e) {
                  e.preventDefault();
                  var $row = $(this).closest("tr");
                  swal({
                      title: "Are you sure?",
                      text: "You will not be able to recover this imaginary file!",
                      type: "warning",
                      showCancelButton: true,
                      confirmButtonColor: "#dc3545",
                      confirmButtonText: "Yes, delete it!",
                      closeOnConfirm: false
                  }, function () {
                      object.rowRemove($row)
                      swal("Deleted!", "Your imaginary file has been deleted.", "success");
                  });
              }), this.$addButton.on("click", function(e) {
                  e.preventDefault(), object.rowAdd()
              }), this.dialog.$cancel.on("click", function(e) {
                  e.preventDefault(), $.magnificPopup.close()
              }), this
          },
          rowAdd: function() {
              this.$addButton.attr({
                  disabled: "disabled"
              });
              var actions, data, $row;
              actions = ['<button class="btn btn-sm btn-icon btn-pure btn-default on-editing button-save" data-toggle="tooltip" data-original-title="Save" hidden><i class="icon-drawer" aria-hidden="true"></i></button>', '<button class="btn btn-sm btn-icon btn-pure btn-default on-editing button-discard" data-toggle="tooltip" data-original-title="Discard" hidden><i class="icon-close" aria-hidden="true"></i></button>', '<button class="btn btn-sm btn-icon btn-pure btn-default on-default button-edit" data-toggle="tooltip" data-original-title="Edit"><i class="icon-pencil" aria-hidden="true"></i></button>', '<button class="btn btn-sm btn-icon btn-pure btn-default on-default button-remove" data-toggle="tooltip" data-original-title="Remove"><i class="icon-trash" aria-hidden="true"></i></button>'].join(" "), data = this.datatable.row.add(["", "", "", actions]), ($row = this.datatable.row(data[0]).nodes().to$()).addClass("adding").find("td:last").addClass("actions"), this.rowEdit($row), this.datatable.order([0, "asc"]).draw()
          },
          rowCancel: function($row) {
              var $actions, data;
              $row.hasClass("adding") ? this.rowRemove($row) : (($actions = $row.find("td.actions")).find(".button-discard").tooltip("hide"), $actions.get(0) && this.rowSetActionsDefault($row), data = this.datatable.row($row.get(0)).data(), this.datatable.row($row.get(0)).data(data), this.handleTooltip($row), this.datatable.draw())
          },
          rowEdit: function($row) {
              var data, object = this;
              data = this.datatable.row($row.get(0)).data(), $row.children("td").each(function(i) {
                  var $this = $(this);
                  $this.hasClass("actions") ? object.rowSetActionsEditing($row) : $this.html('<input type="text" class="form-control input-block" value="' + data[i] + '"/>')
              })
          },
          rowSave: function($row) {
              var $actions, object = this,
                  values = [];
              $row.hasClass("adding") && (this.$addButton.removeAttr("disabled"), $row.removeClass("adding")), values = $row.find("td").map(function() {
                  var $this = $(this);
                  return $this.hasClass("actions") ? (object.rowSetActionsDefault($row), object.datatable.cell(this).data()) : $.trim($this.find("input").val())
              }), ($actions = $row.find("td.actions")).find(".button-save").tooltip("hide"), $actions.get(0) && this.rowSetActionsDefault($row), this.datatable.row($row.get(0)).data(values), this.handleTooltip($row), this.datatable.draw()
          },
          rowRemove: function($row) {
              $row.hasClass("adding") && this.$addButton.removeAttr("disabled"), this.datatable.row($row.get(0)).remove().draw()
          },
          rowSetActionsEditing: function($row) {
              $row.find(".on-editing").removeAttr("hidden"), $row.find(".on-default").attr("hidden", !0)
          },
          rowSetActionsDefault: function($row) {
              $row.find(".on-editing").attr("hidden", !0), $row.find(".on-default").removeAttr("hidden")
          },
          handleTooltip: function($row) {
              $row.find('[data-toggle="tooltip"]').tooltip()
          }
      };
  
      $(function() {
          addRowTable.initialize()
      })
  });