Question

我对React非常陌生，最近继承了一个使用create-react-app创建的项目。该项目已部分完成，我想使特定表格的列可调整（用户应拖动并调整宽度）。以前的开发人员使用ant-table创建表，但没有此功能。

我认为我可以尝试使用纯js来做到这一点，例如小提琴：http://jsfiddle.net/thrilleratplay/epcybL4v/

但是，我无法使其正常工作。我已经将js代码作为内部index.html包括在内，还尝试在组件的.js文件中调用它。

这是我的组件代码：

import React, {Component, PropTypes} from 'react';
import {Icon} from 'antd';
import Table from '../../components/tables/AntdTable.pg';


class SampleScreen extends Component {

  render(){
    return (


              <Table data={this.props.availableFlavors.map(this.props.generateFruitList)}
                              selectRow={this.props.selectRow}
                              headers={this.props.tableHeaders} />
    );
  }
}

SampleScreen.propTypes = {
    availableFlavors : PropTypes.array.isRequired,
    tableHeaders: PropTypes.array.isRequired,
    selectRow: PropTypes.object.isRequired,    
    generateFruitList: PropTypes.func.isRequired,    
};


export default SampleScreen;

我不确定这是否可能，再次请在这里忍受一个React noob。任何帮助将不胜感激。

Answer 1

在antd网站上查看有关如何创建表的示例。

Resizable column

尝试将纯JavaScript效果应用于React蚂蚁表组件

1 个答案: