index.js 734 B

1234567891011121314151617181920212223242526272829
  1. import React from 'react';
  2. import './index.less';
  3. function Table(props) {
  4. const { columns = [], data = [] } = props;
  5. return (
  6. <div className="table">
  7. <div className="th">
  8. {columns.map(column => {
  9. return <div className="td">{column.title}</div>;
  10. })}
  11. </div>
  12. {data.map(row => {
  13. return (
  14. <div className="tr">
  15. {columns.map(column => {
  16. if (column.render) {
  17. return <div className="td">{column.render(row[column.key], row)}</div>;
  18. }
  19. return <div className="td">{row[column.key]}</div>;
  20. })}
  21. </div>
  22. );
  23. })}
  24. </div>
  25. );
  26. }
  27. Table.propTypes = {};
  28. export default Table;