Bulma CSS Classes

Bulma CSS class .is-selected

    <table class="table">
        <thead>
            <tr>
                <th><abbr title="Number">Number</abbr></th>
                <th>Name</th>
                <th><abbr title="Element">Element 1</abbr></th>
                <th><abbr title="Element">Element 2</abbr></th>
                <th><abbr title="Element">Element 3</abbr></th>
            </tr>
        </thead>
        <tbody>

            <tr>
                <th>1</th>
                <td>John</td>
                <td>29</td>
                <td>24</td>
                <td>19</td>
            </tr>

            <tr class="is-selected">
                <th>2</th>
                <td>Anne</td>
                <td>35</td>
                <td>20</td>
                <td>15</td>
            </tr>
            <tr>
                <th>3</th>
                <td>Greg</td>
                <td>15</td>
                <td>27</td>
                <td>30</td>
            </tr>

            <tr>
                <th>4</th>
                <td>Josh</td>
                <td>23</td>
                <td>12</td>
                <td>13</td>
            </tr>

            <tr>
                <th>5</th>
                <td>Alice</td>
                <td>20</td>
                <td>20</td>
                <td>17</td>
            </tr>

            <tr>
                <th>6</th>
                <td>Marie</td>
                <td>12</td>
                <td>9</td>
                <td>17</td>
            </tr>

            <tr>
                <th>7</th>
                <td>Victor</td>
                <td>30</td>
                <td>20</td>
                <td>11</td>
            </tr>
        </tbody>
    </table>

Preview

Are you tired of writing HTML by hand?

More Bulma CSS classes in Table category

© 2024 Shuffle. All rights reserved.