MDBDataTable - mdbreact - Hidden Sorting Arrows Issue

amani.farag commented 5 years ago

thanks Kuba, Here you are the code:

import React from 'react'; import "./dataTable.css"; import { MDBDataTable } from 'mdbreact';

class DatatablePage extends React.Component {

constructor(props) {
    super(props)
    this.state = {
        rows: []
    };

}

render(){ const sessions = this.props.sessions;

let row = {};
const data = {
  columns: [
    {
      label: 'Session ID',
      field: 'session_id',
      sort: 'asc',
      width: 200
    },
    {
      label: 'Record Type',
      field: 'record_type',
      sort: 'asc',
      width: 200
    },
    {
      label: 'MAC Address',
      field: 'MAC_address',
      sort: 'asc',
      width: 200
    }
  ],
  rows: this.state.rows
};

sessions.forEach(session => 
  {
 row = {session_id: session[0], record_type: session[1], MAC_address: session[2]}; 
  console.log("row"+row);
  this.state.rows.push(row);
  console.log("rows"+this.state.rows);
  return;
  }

);

return (

/>

); } } export default DatatablePage;

amani.farag commented 5 years ago

the missing part,

return (

/>

); } } export default DatatablePage;

amani.farag commented 5 years ago

I noticed that return not appear all the times so this is the return part:

 striped
  bordered
  hover
  small
  data={data}
  searching={true}

);}}export default DatatablePage;

amani.farag commented 5 years ago

thanks Kuba for your reply, I uploaded my code "the part related to MDBDataTable" on sandbox and below is the link: https://codesandbox.io/s/cranky-meadow-q824e , thanks to help me to show the sorting arrows in the table header.