Ends in:
1 DAY
4 HRS
24 MIN
38 SEC
Ends in:
1 D
4 H
24 M
38 S

Tables

Introduction

abp-table is the basic tag component for tables in abp.

Basic usage:

<abp-table hoverable-rows="true" responsive-sm="true">
        <thead>
            <tr>
                <th scope="Column">#</th>
                <th scope="Column">First</th>
                <th scope="Column">Last</th>
                <th scope="Column">Handle</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="Row">1</th>
                <td>Mark</td>
                <td>Otto</td>
                <td table-style="Danger">mdo</td>
            </tr>
            <tr table-style="Warning">
                <th scope="Row">2</th>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>fat</td>
            </tr>
            <tr>
                <th scope="Row">3</th>
                <td table-style="Success">Larry</td>
                <td>the Bird</td>
                <td>twitter</td>
            </tr>
        </tbody>
    </abp-table>

Demo

See the tables demo page to see it in action.

abp-table Attributes

  • responsive: Used to create responsive tables up to a particular breakpoint. see breakpoint specific for more information.
  • responsive-sm: If not set to false, sets the table responsiveness for small screen devices.
  • responsive-md: If not set to false, sets the table responsiveness for medium screen devices.
  • responsive-lg: If not set to false, sets the table responsiveness for large screen devices.
  • responsive-xl: If not set to false, sets the table responsiveness for extra large screen devices.
  • dark-theme: If set to true, sets the table color theme to dark.
  • striped-rows: If set to true, adds zebra-striping to table rows.
  • hoverable-rows: If set to true, adds hover state to table rows.
  • border-style: Sets the border style of the table. Should be one of the following values:
    • Default (default)
    • Bordered
    • Borderless

Contributors


Last updated: July 31, 2024 Edit this page on GitHub

Was this page helpful?

Please make a selection.

To help us improve, please share your reason for the negative feedback in the field below.

Please enter a note.

Thank you for your valuable feedback!

Please note that although we cannot respond to feedback, our team will use your comments to improve the experience.

In this document
Community Talks

What’s New with .NET 9 & ABP 9?

21 Nov, 17:00
Online
Watch the Event
Mastering ABP Framework Book
Mastering ABP Framework

This book will help you gain a complete understanding of the framework and modern web application development techniques.

Learn More