React Semantic UI Как сделать первый и последний столбец фиксированным - PullRequest
Новая
       37

React Semantic UI Как сделать первый и последний столбец фиксированным

0 голосов
/ 09 октября 2019

Я использую реагирующий семантический пользовательский интерфейс для создания таблицы. 

<Table singleLine selectable compact>
<Table.Header>
    <Table.Row textAlign='left'>
        <Table.HeaderCell>Name</Table.HeaderCell>
        <Table.HeaderCell>Type</Table.HeaderCell>
        <Table.HeaderCell>Percent</Table.HeaderCell>
        <Table.HeaderCell>Value</Table.HeaderCell>
        <Table.HeaderCell>Max Value</Table.HeaderCell>
        <Table.HeaderCell>Begin Date</Table.HeaderCell>
        <Table.HeaderCell>Expired Date</Table.HeaderCell>
        <Table.HeaderCell>Selected Product?</Table.HeaderCell>
        <Table.HeaderCell>Priority</Table.HeaderCell>
        <Table.HeaderCell>ezPay Available?</Table.HeaderCell>
        <Table.HeaderCell>merchant Available?</Table.HeaderCell>
        <Table.HeaderCell>All Merchant?</Table.HeaderCell>
        <Table.HeaderCell></Table.HeaderCell>
    </Table.Row>
</Table.Header>

<Table.Body>
    {
        //loop data here
    }
</Table.Body>

Как видите, у меня много столбцов, я хочу сохранить только имя (первый столбец) и действиеКнопка (последний столбец) остается видимой при горизонтальной прокрутке. Хороший пример того, что я хочу, есть в этом . Как это с реагировать на семантический интерфейс?

...