Ndeko UI

20 components

Table

Redrawn from the Origin UI catalogue on Ndeko UI primitives. Open the code of any of them to copy it or the command that installs it.

Basic table

table-01

NameEmailLocationStatusBalance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Total$1,500.00

Table with avatars

table-02

NameEmailLocationStatusBalance
JH
Jordan Hayes@jordanhayes
jordan.hayes@example.comToronto, CanadaActive$1,250.00
AN
Anna Novak@annanovak
anna.novak@example.comPrague, CzechiaActive$600.00
LH
Lina Haddad@linahaddad
lina.haddad@example.comLyon, FranceActive$0.00
AM
Ama Mensah@amamensah
ama.mensah@example.comAccra, GhanaPending-$1,000.00

Table without row lines

table-03

NameEmailLocationStatusBalance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Total$1,500.00

Striped table

table-04

NameEmailLocationStatusBalance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Total$1,500.00

Table with column lines

table-05

NameEmailLocationStatusBalance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00

Dense table

table-06

ServiceRegionOwnerRuntimePlanInstancesUptimep95 latency
api-gatewayeu-west-1Anna NovakNode 22Pro499.98%182 ms
billing-workerus-east-1Jordan HayesGo 1.24Pro299.95%96 ms
search-indexeu-central-1Kenji WatanabeRust 1.86Scale699.99%41 ms
media-resizerap-south-1Lina HaddadPython 3.13Starter199.71%310 ms
notificationsus-west-2Ama MensahNode 22Pro399.93%128 ms

Selectable rows

table-07

NameEmailLocationStatusBalance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Total$1,500.00

Card table

table-08

NameEmailLocationStatusBalance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Total$1,500.00

Vertical table

table-09

NameKenji Watanabe
Emailkenji.watanabe@example.com
LocationOsaka, Japan
StatusActive
Balance$1,000.00

Sticky header table

table-10

NameEmailLocationStatusBalance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Mateo Rossimateo.rossi@example.comTurin, ItalyActive$1,500.00
Priya Ramanpriya.raman@example.comBengaluru, IndiaInactive$200.00
Lucas Meyerlucas.meyer@example.comHamburg, GermanyActive$1,000.00
Sofia Lindqvistsofia.lindqvist@example.comMalmö, SwedenActive$500.00
Daniel Okafordaniel.okafor@example.comLagos, NigeriaInactive$300.00
Mei Linmei.lin@example.comTaipei, TaiwanActive$800.00
Omar Faroukomar.farouk@example.comCairo, EgyptActive$1,200.00
Clara Duarteclara.duarte@example.comPorto, PortugalPending$400.00
Noah Beckernoah.becker@example.comZurich, SwitzerlandInactive$600.00
Hana Kimhana.kim@example.comBusan, South KoreaActive$1,800.00
Total$9,800.00

Availability matrix

table-11

DesktopMobile
macOSWindowsLinuxWebiOSiPadOSAndroid
Offline modeAvailable since version
2.1
Available since version
2.1
Available since version
2.3
Not available
No
Available since version
3.0
Available since version
3.0
Available since version
3.2
Screen recordingAvailable since version
1.8
Available since version
1.8
Not available
No
Available since version
2.4
Not available
No
Not available
No
Available since version
3.4
Global shortcutsAvailable since version
1.2
Available since version
1.2
Available since version
1.5
Not available
No
Not available
No
Available since version
3.1
Not available
No
Live cursorsAvailable since version
2.6
Available since version
2.6
Available since version
2.6
Available since version
2.6
Available since version
3.3
Available since version
3.3
Available since version
3.3

Basic data table

table-12

NameEmailLocationStatusBalance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Total$1,500.00

Filterable data table

table-13

Volume
CPC
Traffic
IntentsLink
react ui kit premium
CommercialTransactional
760$6.8028example.com/pricing
react component documentation
InformationalNavigational
950$1.8035example.com/docs
how to sort a table in react
Informational
1.2K$1.2542example.com/guides/sorting
tailwind components download
Transactional
890$1.9545example.com/download
buy react templates
CommercialTransactional
1.9K$4.7565example.com/templates
react table component
InformationalNavigational
2.5K$2.5088example.com/table
react ui library
InformationalCommercial
3.2K$3.25112example.com/library
react dashboard template free
CommercialTransactional
4.1K$5.50156example.com/dashboard
Illustrative search figures.

Resizable columns

table-14

Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00SalesAccount executiveMay 19, 2025Oct 28, 2026Excellent
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00DesignProduct designerJul 1, 2022Nov 5, 2026Good
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00EngineeringStaff engineerMar 14, 2021Nov 4, 2026Excellent
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00FinanceAnalystOct 21, 2019Aug 30, 2026Average
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00MarketingContent leadJan 9, 2023Nov 3, 2026Good

Pinnable columns

table-15

Name
Email
Location
Status
Balance
Department
Role
Join date
Last active
Performance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00EngineeringStaff engineerMar 14, 2021Nov 4, 2026Excellent
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00DesignProduct designerJul 1, 2022Nov 5, 2026Good
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00FinanceAnalystOct 21, 2019Aug 30, 2026Average
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00MarketingContent leadJan 9, 2023Nov 3, 2026Good
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00SalesAccount executiveMay 19, 2025Oct 28, 2026Excellent

Reorderable columns

table-16

Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00

Expandable rows

table-17

NotesNameEmailLocationStatusBalance
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00
Lina Haddadlina.haddad@example.comLyon, FranceActive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00

Paginated table

table-18

Aiko Tanakaaiko.tanaka@example.comKyoto, JapanInactive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Clara Duarteclara.duarte@example.comPorto, PortugalPending$400.00
Daniel Okafordaniel.okafor@example.comLagos, NigeriaInactive$300.00

Showing rows 1 to 5 of 20

Numbered pagination

table-19

Aiko Tanakaaiko.tanaka@example.comKyoto, JapanInactive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Clara Duarteclara.duarte@example.comPorto, PortugalPending$400.00
Daniel Okafordaniel.okafor@example.comLagos, NigeriaInactive$300.00

Page 1 of 4

Complete data table

table-20

Actions
Aiko Tanakaaiko.tanaka@example.comKyoto, JapanInactive$0.00
Ama Mensahama.mensah@example.comAccra, GhanaPending-$1,000.00
Anna Novakanna.novak@example.comPrague, CzechiaActive$600.00
Clara Duarteclara.duarte@example.comPorto, PortugalPending$400.00
Daniel Okafordaniel.okafor@example.comLagos, NigeriaInactive$300.00
Ethan Brooksethan.brooks@example.comDenver, United StatesActive$950.00
Felix Wagnerfelix.wagner@example.comVienna, AustriaActive$2,100.00
Hana Kimhana.kim@example.comBusan, South KoreaActive$1,800.00
Jordan Hayesjordan.hayes@example.comToronto, CanadaActive$1,250.00
Kenji Watanabekenji.watanabe@example.comOsaka, JapanInactive$650.00

Showing rows 1 to 10 of 20