Aurora Admin v1.2.0: 79 components x 5 ends, doc site, contracts batch 1, playground, regression, deploy ready
This commit is contained in:
@@ -0,0 +1,35 @@
|
||||
import React from 'react';
|
||||
import './FixedColumnTable.css';
|
||||
|
||||
function fixCls(c) {
|
||||
return c.fixed ? 'aa-fixed aa-fixed-' + c.fixed : '';
|
||||
}
|
||||
|
||||
export default function FixedColumnTable({ data = [], columns = [] }) {
|
||||
return (
|
||||
<div className="aa-fixtable-wrap">
|
||||
<table className="aa-fixtable">
|
||||
<thead>
|
||||
<tr>
|
||||
{columns.map((c) => (
|
||||
<th key={c.key} className={fixCls(c)} style={{ minWidth: c.w + 'px' }}>
|
||||
{c.title}
|
||||
</th>
|
||||
))}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{data.map((row, i) => (
|
||||
<tr key={i}>
|
||||
{columns.map((c) => (
|
||||
<td key={c.key} className={fixCls(c)} style={{ minWidth: c.w + 'px' }}>
|
||||
{row[c.key]}
|
||||
</td>
|
||||
))}
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user