Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI
Light
Dark
System
Ask  Question

Pagination scripting for non-DataTables, or convert DataTables to grid cards?


Hi there

UseCase: Presenting in table and grid layout / card view, with the same data

Possibilities: Either turn Datatables into a grid layout with cards, or I need pagination and pagelength scripts that will work on a non-Datatable set of results.

I've been looking through the demo/src folders but haven't found anything, and not sure if I'm overlooking some Metronic libraries or resources.

Is there anything out of the box with Metronic that could help me?

Cheers


G
Guest 2 years ago
Metronic Bootstrap 5 HTML
13 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (13)

user
Curik Kaliya 1 month ago

BIROTOTO
Situs Toto
BIROTOTO
user
Alin Alesha 2 months ago

AMDBET
AMDBET
AMDBET
user
boboi boy 3 months ago

kaos togel
kaos togel
kaos togel
kaos togel adalah situs toto slot online paling gacor di indonesia.
user
boboi boy 3 months ago

tartoto
user
Cyber Omto 3 months ago

Situs slot88 Daftar Login Alternatif terpercaya yang aman dan mudah diakses dimanapun dengan ribuan jenis permainan judi slot, Segera join slot88 sekarang juga


user
rave5 4 months ago

AKUNTOTO
AKUNTOTO
AKUNTOTO
AKUNTOTO
AKUNTOTO
AKUNTOTO
AKUNTOTO adalah situs slot online server thailand dengan game mahjong terbaik
user
rave5 4 months ago

Slot Online
Tangkas88
APNSLOT
APNSLOT
APNSLOT
Situs Slot
Slot Online
APNSLOT
Slot Demo Mahjong merupakan salah satu situs slot resmi yang bekerja sama dengan provider game online ternama
user
rave5 4 months ago

AMAVI5D
AMAVI5D
AMAVI5D
AMAVI5D
AMAVI5D
AMAVI5D adalah situs togel keluaran angka & prediksi jitu terbaik di indonesia
user
rave5 4 months ago

SESETOTO
SESETOTO
SESETOTO
SESETOTO
SESETOTO
SESETOTO adalah situs terpercaya untuk togel dan toto macau
user
rave5 4 months ago

SONTOGEL
SONTOGEL
SONTOGEL
SONTOGEL
SONTOGEL
SONTOGEL adalah salah satu situs slot toto dengan pembayaran terlengkap
user
rave5 4 months ago

LTDTOTO
LTDTOTO
LTDTOTO
LTDTOTO
LTDTOTO
LTDTOTO adalah situs toto slot dengan winrate rtp tertinggi
user
rave5 4 months ago

BOBATOTO
BOBATOTO
BOBATOTO
BOBATOTO
BOBATOTO
BOBATOTO
BOBATOTO
BOBATOTO adalah situs togel toto 4d dengan pasaran terbanyak di indonesia
user
Sean Author2 years ago

Hi,

At the moment we do not have a single component to display both datatable and grid modes within the same instance.

However you can use the datatable and grid-based records as separate instances and just switch using Bootstrap tabs:
https://preview.keenthemes.com/metronic8/demo1/apps/projects/users.html

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(