jQuery datatables doesn't show titles2019 Community Moderator ElectionIs there an “exists” function for jQuery?Add table row in jQueryHow do I check if an element is hidden in jQuery?Setting “checked” for a checkbox with jQuery?How can I know which radio button is selected via jQuery?How to check whether a checkbox is checked in jQuery?Disable/enable an input with jQuery?How can I refresh a page with jQuery?jQuery scroll to element“Thinking in AngularJS” if I have a jQuery background?

If I receive an SOS signal, what is the proper response?

In the late 1940’s to early 1950’s what technology was available that could melt a LOT of ice?

List elements digit difference sort

Was Luke Skywalker the leader of the Rebel forces on Hoth?

Declaring and defining template, and specialising them

Bash script should only kill those instances of another script's that it has launched

Is it "Vierergruppe" or "Viergruppe", or is there a distinction?

Why would one plane in this picture not have gear down yet?

How did Alan Turing break the enigma code using the hint given by the lady in the bar?

In the quantum hamiltonian, why does kinetic energy turn into an operator while potential doesn't?

Plausibility of Mushroom Buildings

How strictly should I take "Candidates must be local"?

Is "history" a male-biased word ("his+story")?

Reversed Sudoku

Why does liquid water form when we exhale on a mirror?

What problems would a superhuman have whose skin is constantly hot?

Is it work or heat?

What is the magic ball of every day?

An alternative proof of an application of Hahn-Banach

Motivation for Zeta Function of an Algebraic Variety

Can I pump my MTB tire to max (55 psi / 380 kPa) without the tube inside bursting?

'The literal of type int is out of range' con número enteros pequeños (2 dígitos)

Recommendation letter by significant other if you worked with them professionally?

Signed and unsigned numbers



jQuery datatables doesn't show titles



2019 Community Moderator ElectionIs there an “exists” function for jQuery?Add table row in jQueryHow do I check if an element is hidden in jQuery?Setting “checked” for a checkbox with jQuery?How can I know which radio button is selected via jQuery?How to check whether a checkbox is checked in jQuery?Disable/enable an input with jQuery?How can I refresh a page with jQuery?jQuery scroll to element“Thinking in AngularJS” if I have a jQuery background?










1















I'm trying to get dinamically tittles on jquery datatables from object, but it doesn't draw them.



For example, with this object:



var tableData = [ 
id: 1, user: 'admin', pass: 'pass', role: 'admin' ,
id: 2, user: 'user', pass: 'pass', role: 'user'
]


this is my method:



function generateDatatable(tableId, tableData) 

var columns = [];
if (tableData.length == 0)
columns[0] = data: '-' ;
else
Object.keys(tableData[0]).forEach(element =>
columns[columns.length] = data: element ;
);


jQuery('#' + tableId).DataTable(
data: tableData,
language: dataTablesTexts,
pagingType: 'full',
lengthMenu: [
[10, 25, 50, -1],
[10, 25, 50, 'All']
],
searching: true,
ordering: true,
paging: true,
select: false,
info: true,
responsive: true,
columns: columns
);




I can see the values but not the tittles.



Resultant columns will look like this:



var columns = [
data: "id",
data: "user",
data: "pass",
data: "role"
]


if I change data: "..." to title: "..." I can see the titles but not the values.



What could be wrong with the code.










share|improve this question




























    1















    I'm trying to get dinamically tittles on jquery datatables from object, but it doesn't draw them.



    For example, with this object:



    var tableData = [ 
    id: 1, user: 'admin', pass: 'pass', role: 'admin' ,
    id: 2, user: 'user', pass: 'pass', role: 'user'
    ]


    this is my method:



    function generateDatatable(tableId, tableData) 

    var columns = [];
    if (tableData.length == 0)
    columns[0] = data: '-' ;
    else
    Object.keys(tableData[0]).forEach(element =>
    columns[columns.length] = data: element ;
    );


    jQuery('#' + tableId).DataTable(
    data: tableData,
    language: dataTablesTexts,
    pagingType: 'full',
    lengthMenu: [
    [10, 25, 50, -1],
    [10, 25, 50, 'All']
    ],
    searching: true,
    ordering: true,
    paging: true,
    select: false,
    info: true,
    responsive: true,
    columns: columns
    );




    I can see the values but not the tittles.



    Resultant columns will look like this:



    var columns = [
    data: "id",
    data: "user",
    data: "pass",
    data: "role"
    ]


    if I change data: "..." to title: "..." I can see the titles but not the values.



    What could be wrong with the code.










    share|improve this question


























      1












      1








      1








      I'm trying to get dinamically tittles on jquery datatables from object, but it doesn't draw them.



      For example, with this object:



      var tableData = [ 
      id: 1, user: 'admin', pass: 'pass', role: 'admin' ,
      id: 2, user: 'user', pass: 'pass', role: 'user'
      ]


      this is my method:



      function generateDatatable(tableId, tableData) 

      var columns = [];
      if (tableData.length == 0)
      columns[0] = data: '-' ;
      else
      Object.keys(tableData[0]).forEach(element =>
      columns[columns.length] = data: element ;
      );


      jQuery('#' + tableId).DataTable(
      data: tableData,
      language: dataTablesTexts,
      pagingType: 'full',
      lengthMenu: [
      [10, 25, 50, -1],
      [10, 25, 50, 'All']
      ],
      searching: true,
      ordering: true,
      paging: true,
      select: false,
      info: true,
      responsive: true,
      columns: columns
      );




      I can see the values but not the tittles.



      Resultant columns will look like this:



      var columns = [
      data: "id",
      data: "user",
      data: "pass",
      data: "role"
      ]


      if I change data: "..." to title: "..." I can see the titles but not the values.



      What could be wrong with the code.










      share|improve this question
















      I'm trying to get dinamically tittles on jquery datatables from object, but it doesn't draw them.



      For example, with this object:



      var tableData = [ 
      id: 1, user: 'admin', pass: 'pass', role: 'admin' ,
      id: 2, user: 'user', pass: 'pass', role: 'user'
      ]


      this is my method:



      function generateDatatable(tableId, tableData) 

      var columns = [];
      if (tableData.length == 0)
      columns[0] = data: '-' ;
      else
      Object.keys(tableData[0]).forEach(element =>
      columns[columns.length] = data: element ;
      );


      jQuery('#' + tableId).DataTable(
      data: tableData,
      language: dataTablesTexts,
      pagingType: 'full',
      lengthMenu: [
      [10, 25, 50, -1],
      [10, 25, 50, 'All']
      ],
      searching: true,
      ordering: true,
      paging: true,
      select: false,
      info: true,
      responsive: true,
      columns: columns
      );




      I can see the values but not the tittles.



      Resultant columns will look like this:



      var columns = [
      data: "id",
      data: "user",
      data: "pass",
      data: "role"
      ]


      if I change data: "..." to title: "..." I can see the titles but not the values.



      What could be wrong with the code.







      jquery datatables






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Mar 6 at 15:59









      Yevgen Gorbunkov

      2,41221230




      2,41221230










      asked Mar 6 at 15:28









      NoarkNoark

      123112




      123112






















          1 Answer
          1






          active

          oldest

          votes


















          2














          You should use both: data to point to specific property within data source that corresponds to current column for each entry and title to specify column title.






          share|improve this answer























          • oh I thought that will gets it authomatically. It works fine with columns[columns.length] = data: element, title: element; lots of thanks

            – Noark
            Mar 6 at 16:06










          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55026657%2fjquery-datatables-doesnt-show-titles%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          2














          You should use both: data to point to specific property within data source that corresponds to current column for each entry and title to specify column title.






          share|improve this answer























          • oh I thought that will gets it authomatically. It works fine with columns[columns.length] = data: element, title: element; lots of thanks

            – Noark
            Mar 6 at 16:06















          2














          You should use both: data to point to specific property within data source that corresponds to current column for each entry and title to specify column title.






          share|improve this answer























          • oh I thought that will gets it authomatically. It works fine with columns[columns.length] = data: element, title: element; lots of thanks

            – Noark
            Mar 6 at 16:06













          2












          2








          2







          You should use both: data to point to specific property within data source that corresponds to current column for each entry and title to specify column title.






          share|improve this answer













          You should use both: data to point to specific property within data source that corresponds to current column for each entry and title to specify column title.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Mar 6 at 15:58









          Yevgen GorbunkovYevgen Gorbunkov

          2,41221230




          2,41221230












          • oh I thought that will gets it authomatically. It works fine with columns[columns.length] = data: element, title: element; lots of thanks

            – Noark
            Mar 6 at 16:06

















          • oh I thought that will gets it authomatically. It works fine with columns[columns.length] = data: element, title: element; lots of thanks

            – Noark
            Mar 6 at 16:06
















          oh I thought that will gets it authomatically. It works fine with columns[columns.length] = data: element, title: element; lots of thanks

          – Noark
          Mar 6 at 16:06





          oh I thought that will gets it authomatically. It works fine with columns[columns.length] = data: element, title: element; lots of thanks

          – Noark
          Mar 6 at 16:06



















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55026657%2fjquery-datatables-doesnt-show-titles%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          1928 у кіно

          Захаров Федір Захарович

          Ель Греко