Topic: MDBDatatable pagination entries dropdown don´t work. Version 1.5.0
Alecta priority asked 3 years 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 3 years 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!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB React
- MDB Version: MDB5 1.4.0
- Device: PC
- Browser: Chrome, Edge
- OS: Windows
- Provided sample code: Yes
- Provided link: No