title: display Nested Json object data in DataTable in react
body: <p>I am trying to display nested json object data in DataTable by using functional componenets. how to use map() function  in DataTable to display this nested type of data in functional components.</p>
  <p>How can this be done in &quot;DataTables&quot;? I am very new to &quot;DataTables&quot; and would appreciated your help. Thanks</p>
  <pre><code>   Nested object data it would be like
      {
          &quot;docs&quot;: [
              {
                  &quot;ticketeno&quot;: 1,
                  &quot;title&quot;: &quot;AA&quot;, 
              }
          ],
          &quot;total&quot;: 30,
          &quot;limit&quot;: 10,
          &quot;offset&quot;: 0
      }
      
      Code In the functional components-
      
      function Tickete() {
      
          const columns = [
              {
                  key: &quot;ticketeno&quot;,
                  text: &quot;Tickete No&quot;,
                  className: &quot;ticketeno&quot;,
                  align: &quot;left&quot;,
                  sortable: true,
              },
              {
                  key: &quot;title&quot;,
                  text: &quot;Title&quot;,
                  className: &quot;title&quot;,
                  align: &quot;left&quot;,
                  sortable: true,
              }
              }
          ];
      
      
          const config = {
              page_size: 10,
              length_menu: [10, 20, 50],
              filename: &quot;Usersdata&quot;,
              no_data_text: 'No user found!',
              language: {
                  length_menu: &quot;Show _MENU_ result per page&quot;,
                  filter: &quot;Filter in records...&quot;,
                  info: &quot;Showing _START_ to _END_ of _TOTAL_ records&quot;,
                  pagination: {
                      first: &quot;First&quot;,
                      previous: &quot;Previous&quot;,
                      next: &quot;Next&quot;,
                      last: &quot;Last&quot;
                  }
              },
              show_length_menu: true,
              show_filter: true,
              show_pagination: true,
              show_info: true,
          };
      
          const ticketeList = useSelector((state) =&gt; state.ticketeList);
          const { notes } = ticketeList;
      
          const pageChange = (pageData) =&gt; {
              console.log(&quot;OnPageChange&quot;, pageData);
          }
      
          return (
              &lt;div&gt;
                    &lt;h1&gt;Users List&lt;/h1&gt;
                              &lt;ReactDatatable
                                  config={config}
                                  records={notes}
                                  columns={columns}
                                  onPageChange={pageChange}
                              /&gt;
              &lt;/div&gt;
          );
      }
      export default Tickete;
  </code></pre>