Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Table displays raw unicode

Nathan Kingsley free asked 4 years ago


Expected behavior

In my other react components, unicode is automatically decoded in the render step. I would expect the datatable to do the same.

Actual behavior

Content that is decoded by other react components is not decoded by the datatable. The below examples were rendered simultaneously using identical string vars, but the datatable is not decoding the utf-8 text. Why?

Resources (screenshots, code snippets etc.)

"Description" entry contains string with UTF-8 content.

String content within the datatable: enter image description here

The same content rendered outside of the datatable: Content rendered outside of the datatable

<MDBDataTable hover striped bordered responsive paging={false} entries={this.data_length} entriesOptions={[10,25,50,this.data_length]} data={{ 'rows': this.state.rows, 'columns': this.state.columns, }} />


Piotr Glejzer staff commented 4 years ago

There is probably a problem with this component. I added task to check it and fix it.


Piotr Glejzer staff commented 4 years ago

For more specifics, are you using V5 version or older?


Nathan Kingsley free commented 4 years ago

I have tried import { MDBDataTable } from 'mdbreact' using npm versions 4.26.1 and 4.27.0


Nathan Kingsley free commented 4 years ago

I just tried import { MDBDataTableV5 } from 'mdbreact' using version 4.27.0, and the unicode content was handled identically


Piotr Glejzer staff commented 4 years ago

Ok, I added the task to fix it.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.27.0
  • Device: all
  • Browser: all
  • OS: all
  • Provided sample code: No
  • Provided link: No