MDBDatatable pagination entries dropdown don´t work. Version 1.5.0


Topic: MDBDatatable pagination entries dropdown don´t work. Version 1.5.0

Alecta priority asked 9 months ago

Expected behavior

Should return selected entry in pagination.

Actual behavior

Console showing: Warning: React does not recognize the getSelectedValue prop on a DOM element.

As we understand it, getSelectedValue is removed from MDBSelect for version 1.5.0 but function getValue is not applied in MDBDatatable component.

Or is there another solution?

Many thanks.

Resources (screenshots, code snippets etc.)

Simple CRA app:

import React, { useState } from "react";
import "mdb-react-ui-kit/dist/css/mdb.min.css";
import "./App.css";
import { MDBDatatable, MDBSelect } from "mdb-react-ui-kit";

function App() {

  const [basicData, setBasicData] = useState({
    columns: ['Name', 'Position', 'Office', 'Age', 'Start date', 'Salary'],
    rows: [
      ['Tiger Nixon', 'System Architect', 'Edinburgh', '61', '2011/04/25', '$320,800'],
      ['Garrett Winters', 'Accountant', 'Tokyo', '63', '2011/07/25', '$170,750'],
      ['Ashton Cox', 'Junior Technical Author', 'San Francisco', '66', '2009/01/12', '$86,000'],
      ['Cedric Kelly', 'Senior Javascript Developer', 'Edinburgh', '22', '2012/03/29', '$433,060'],
      ['Airi Satou', 'Accountant', 'Tokyo', '33', '2008/11/28', '$162,700'],
      ['Brielle Williamson', 'Integration Specialist', 'New York', '61', '2012/12/02', '$372,000'],
      ['Herrod Chandler', 'Sales Assistant', 'San Francisco', '59', '2012/08/06', '$137,500'],
      ['Rhona Davidson', 'Integration Specialist', 'Tokyo', '55', '2010/10/14', '$327,900'],
      ['Colleen Hurst', 'Javascript Developer', 'San Francisco', '39', '2009/09/15', '$205,500'],
      ['Sonya Frost', 'Software Engineer', 'Edinburgh', '23', '2008/12/13', '$103,600'],
      ['Jena Gaines', 'Office Manager', 'London', '30', '2008/12/19', '$90,560'],
      ['Quinn Flynn', 'Support Lead', 'Edinburgh', '22', '2013/03/03', '$342,000'],
      ['Charde Marshall', 'Regional Director', 'San Francisco', '36', '2008/10/16', '$470,600'],
      ['Haley Kennedy', 'Senior Marketing Designer', 'London', '43', '2012/12/18', '$313,500'],
    ],
  });

  return (
    <div className="App container">  
      <MDBDatatable
        search
        bordered
        fixedHeader
        striped
        maxHeight="400px"
        data={basicData}
        pagination={true}
      />
    </div>
  );
}

export default App;

Krzysztof Wilk staff answered 9 months ago

Hi!

Thanks for reporting that. Yes, currently the main method to get a select value is a getValue one which returns a whole object with a selected element. It is more efficient and useful for users. But due to quite a big amount of fixes we just missed that Datatables use the old method. Sorry for that, we'll fix it in the next release in about one week :)

Keep coding!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 1.4.0
  • Device: PC
  • Browser: Chrome, Edge
  • OS: Windows
  • Provided sample code: No
  • Provided link: No