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

          Save data to MySQL database using ExtJS and PHP [closed]2019 Community Moderator ElectionHow can I prevent SQL injection in PHP?Which MySQL data type to use for storing boolean valuesPHP: Delete an element from an arrayHow do I connect to a MySQL Database in Python?Should I use the datetime or timestamp data type in MySQL?How to get a list of MySQL user accountsHow Do You Parse and Process HTML/XML in PHP?Reference — What does this symbol mean in PHP?How does PHP 'foreach' actually work?Why shouldn't I use mysql_* functions in PHP?

          Compiling GNU Global with universal-ctags support Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Data science time! April 2019 and salary with experience The Ask Question Wizard is Live!Tags for Emacs: Relationship between etags, ebrowse, cscope, GNU Global and exuberant ctagsVim and Ctags tips and trickscscope or ctags why choose one over the other?scons and ctagsctags cannot open option file “.ctags”Adding tag scopes in universal-ctagsShould I use Universal-ctags?Universal ctags on WindowsHow do I install GNU Global with universal ctags support using Homebrew?Universal ctags with emacsHow to highlight ctags generated by Universal Ctags in Vim?

          Add ONERROR event to image from jsp tldHow to add an image to a JPanel?Saving image from PHP URLHTML img scalingCheck if an image is loaded (no errors) with jQueryHow to force an <img> to take up width, even if the image is not loadedHow do I populate hidden form field with a value set in Spring ControllerStyling Raw elements Generated from JSP tagds with Jquery MobileLimit resizing of images with explicitly set width and height attributeserror TLD use in a jsp fileJsp tld files cannot be resolved