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

Guest 4 years ago

Metronic Bootstrap 5 HTML

1 Answers

Text formatting options

Private reply Submit

Click any option to insert into your comment. Select text first to wrap it.

**text** to make things bold
*text* to emphasize
### Heading to make headings
[link text](url) for links
![alt text](image-url) to paste in an image
- item to make a list
1. item to make an ordered list
> quote to quote somebody
`code` for single line of code
```js ... ``` for JS code block
```html ... ``` for HTML code block
```scss ... ``` for SCSS code block
```php ... ``` for PHP code block
--- for a horizontal rule
:)
:|
:(

Replies (1)

Deleted comment

Sean Author 4 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.

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.

ReUI by Keenthemes React Components UI Blocks React Templates ReUI Documentation

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

Replies (1)

Metronic

ReUI

Products

Legal

Stay Connected