search

1rosehip / jplist

jPList jQuery Data Grid Controls is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).
http://jplist.com
Other
437 stars 177 forks source link

Question regarding List, Grid and Thumbs View Control #218

Closed Mandyli100 closed 7 years ago

Mandyli100 commented 7 years ago

I am working on this List, Grid view control, have a question regarding the view "all" from the dropdown. The example is showing 5 items per row when I choose View ALL from the dropdown under Grid View, is there a way I can change it to 3 items per row when View ALL?

1rosehip commented 7 years ago

You can play with items CSS to define the number of items in the row. For example:

.jplist-grid-view .list-item {
    width: 33%;
}
Mandyli100 commented 7 years ago

In the jplist.list-grid-view.min.css file?

1rosehip commented 7 years ago

It's located at jplist.demo-pages.min.css But you can add additional rule that rewrites this style, not necessary change the initial file.

Mandyli100 commented 7 years ago

Thank you so much, It works.

1rosehip commented 7 years ago

You are welcome