import React from 'react'
import Table from '../_table'

const TableStickyLeftColumns = () => {
    return (
        <Table
            responsive="scroll"
            size="md"
            stickyLeftcolumn={["1", "2", "3"]}
        >
            <thead>
                <tr>
                    <th id="1">{'Column 1'}</th>
                    <th id="2">{'Column 2'}</th>
                    <th id="3">{'Column 3'}</th>
                    <th>{'Column 4'}</th>
                    <th>{'Column 5'}</th>
                    <th>{'Column 6'}</th>
                    <th>{'Column 7'}</th>
                    <th>{'Column 8'}</th>
                    <th>{'Column 9'}</th>
                    <th>{'Column 10'}</th>
                    <th>{'Column 11'}</th>
                    <th>{'Column 12'}</th>
                    <th>{'Column 13'}</th>
                    <th>{'Column 14'}</th>
                    <th>{'Column 15'}</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td id="1">{'Value 1'}</td>
                    <td id="2">{'Value 2'}</td>
                    <td id="3">{'Value 3'}</td>
                    <td>{'Value 4'}</td>
                    <td>{'Value 5'}</td>
                    <td>{'Value 6'}</td>
                    <td>{'Value 7'}</td>
                    <td>{'Value 8'}</td>
                    <td>{'Value 9'}</td>
                    <td>{'Value 10'}</td>
                    <td>{'Value 11'}</td>
                    <td>{'Value 12'}</td>
                    <td>{'Value 13'}</td>
                    <td>{'Value 14'}</td>
                    <td>{'Value 15'}</td>
                </tr>
                <tr>
                    <td id="1">{'Value 1'}</td>
                    <td id="2">{'Value 2'}</td>
                    <td id="3">{'Value 3'}</td>
                    <td>{'Value 4'}</td>
                    <td>{'Value 5'}</td>
                    <td>{'Value 6'}</td>
                    <td>{'Value 7'}</td>
                    <td>{'Value 8'}</td>
                    <td>{'Value 9'}</td>
                    <td>{'Value 10'}</td>
                    <td>{'Value 11'}</td>
                    <td>{'Value 12'}</td>
                    <td>{'Value 13'}</td>
                    <td>{'Value 14'}</td>
                    <td>{'Value 15'}</td>
                </tr>
                <tr>
                    <td id="1">{'Value 1'}</td>
                    <td id="2">{'Value 2'}</td>
                    <td id="3">{'Value 3'}</td>
                    <td>{'Value 4'}</td>
                    <td>{'Value 5'}</td>
                    <td>{'Value 6'}</td>
                    <td>{'Value 7'}</td>
                    <td>{'Value 8'}</td>
                    <td>{'Value 9'}</td>
                    <td>{'Value 10'}</td>
                    <td>{'Value 11'}</td>
                    <td>{'Value 12'}</td>
                    <td>{'Value 13'}</td>
                    <td>{'Value 14'}</td>
                    <td>{'Value 15'}</td>
                </tr>
            </tbody>
        </Table>
    )
}

export default TableStickyLeftColumns