reactjs mui-datatables列未调整重叠数据的大小

问题描述

我在reactjs中使用mui-datatables。我在列中重叠了数据，但是未根据该列内组件的大小来调整列大小。下面是图片：

enter image description here

这些是我的表和列选项：

Table Options:
this.options = {
      filter: true,filterType: "textField",print: false,downloadOptions:  {filename: 'test.csv',separator: ','},draggableColumns: {enabled:true},fixedHeader: true,resizableColumns: true,// responsive: "auto",rowsPerPageOptions: [2,5,10,20],searchPlaceholder: "Quick Search",searchOpen: true,customToolbar: () => {
        return (
          <TableDefaultTools addNewRecord={this.props.addNewRecord}/>
        );
      },customToolbarSelect: () => {
        return (
          <TableOnSelectTools addNewRecord={this.props.addNewRecord}/>
        );
      }
    };

Start Date & Time column options:

options: {
      sortThirdClickReset: true,customBodyRender: (value,tableMeta,updateValue) => (
        <DateTimePickerView/>
        )
    }

DateTimePickerView:

import React from "react";
import DateTimePicker from 'react-datetime-picker';

class DateTimePickerView extends React.Component {
  state = {
    selectedDate: new Date()
  };

  handleChange = date => {
    this.setState({
      selectedDate: date
    });
  };

  render() {
    return (
        <DateTimePicker
          onChange={this.handleChange}
          value={this.state.selectedDate}
        />
    );
  }
}

export default  DateTimePickerView;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）