Answers

• allan Posts: 63,350Questions: 1Answers: 10,443 Site admin

  November 2016

  Its the table id. In many of the examples you will see:

  <table id="example" ...>
  

  The # is a jQuery ID selector, so it is just selecting the element with that id (jQuery docs). So to change example to something else you need to change the id in the HTML and the id in the selector.

  Regards,
  Allan
• GMGraying Posts: 12Questions: 6Answers: 1

  November 2016

  Yes. This is basic info that I know. What I am trying to say is that if I change the table name (AKA id) to something other than example, it all breaks.
• Apezdr Posts: 43Questions: 4Answers: 5

  November 2016

  Can you include the code you're using to initialize datatables?

  Example.

  ...
  var table = $('#notExample').DataTable( {
              ajax: {
                  url: '/include/dashboard-dates/php/table.DataCollection.php?date=' + $(this).parent().attr('class'),
                  async: true
              },
              columns: [
                  {
                      "title":"Start Date",
                      "data": "DataCollection.start_date"
                  },
                  {
                      "title":"End Date",
                      "data": "DataCollection.end_date"
                  },
                  {
                      "title":"Start Time",
                      "data": "DataCollection.start_time"
                  },
                  {
                      "title":"End Time",
                      "data": "DataCollection.end_time"
                  },
                  {
                      "title":"TI Acct Code",
                      "data": "DataCollection.tiacctcode"
                  },
                  {
                      "title":"Task Title",
                      "data": "TaskType.TaskTitle"
                  },
                  {
                      "title":"Task Specific Notes",
                      "data": "DataCollection.task_data"
                  },
                  {
                      "title":"General Notes",
                      "data": "DataCollection.task_description"
                  },
                  {
                      "title":"Created",
                      "data": "DataCollection.created"
                  }
              ],
              /* columnDefs: [
                  {
                      "type":"date",
                      targets: [ 0 ],
                      orderData: [ 0 ]
                  }, {
                      "type":"date",
                      targets: [ 1 ],
                      orderData: [ 1 ]
                  }, {
                      "type":"time",
                      targets: 2,
                      orderData: [ 2 ]
                  }, {
                      "type":"time",
                      targets: 3,
                      orderData: [ 3 ]
                  }
              ], */
              displayLength: 25,
              select: true,
              ordering: true,
              lengthChange: false
          } );
  ...
  
• Apezdr Posts: 43Questions: 4Answers: 5

  November 2016

  If you have a live example, even better.
• allan Posts: 63,350Questions: 1Answers: 10,443 Site admin

  November 2016

  I've just put together this little example. I've used an id of allan and simply changed the selector and id attribute, and it works as expected.

  As Apezdr says, to understand why that isn't working for you, we'd need a link to a page showing the issue please or the full HTML and Javascript being used.

  Thanks,
  Allan