Comments (3)
I assume you mean command buttons for each row. I will add an example on my website and will inform you when it is online.
from jquery-bootgrid.
thank you i have a buttons-group is a problem?
there is also the availability to auto width the columns ? (at this moment all have the same width)
from jquery-bootgrid.
I have recently added the example for command buttons here.
Regarding your first question no it is not a problem to use a button group - it is just a div
around your buttons (see the following example or go for more information to the bootstrap website).
formatters: {
"commands": function(column, row)
{
return "<div class=\"btn-group\">" +
"<button type=\"button\" class=\"btn btn-sm btn-default command-edit\" data-row-id=\"" + row.id + "\"><span class=\"fa fa-pencil\"></span></button> " +
"<button type=\"button\" class=\"btn btn-sm btn-default command-delete\" data-row-id=\"" + row.id + "\"><span class=\"fa fa-trash-o\"></span></button>" +
"</div>";
}
}
There is currently no option to set the width via data attributes on the header columns. But you can configure the width for your columns with CSS. With the next version of Bootgrid you will be able to set a specific class and/or width on each column.
from jquery-bootgrid.
Related Issues (20)
- Get all rows (ajax: true)
- Wrong page calculation for linkes "next" and "prev" pages HOT 1
- How to use with local language?
- Any solution for natural sorting?
- Problems deleting in bootgrid / Problemas al eliminar en bootgrid
- Bootgrid and .Net Core Ajax Posting not working ...
- 关于初始化的问题
- Filtering between dates
- How to customize row background based on a field value? HOT 1
- Any plan to update? HOT 2
- Bootstrap 4 HOT 1
- thead fixed and tbody scrollable
- Jquery bootgrid icon is not displaying in web app HOT 1
- how to load static columns and data to jQuery-bootgrid HOT 1
- how to delete row in Jquery boot grid
- Jquery Bootgrid Header Checkbox(Hide/Show) Table columns Customize and place in userdefined Dropdown?
- individual Column Search on top of each column in bootgrid?
- How to use styling in bootgrid? HOT 1
- Passing json variable to bootgrid table
- Tooltip in cell
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-bootgrid.