Comments (1)
Hi, try adding this (after adding jquer.bootgrid.js):
; (function ($, window, undefined) {
"use strict";
$.extend($.fn.bootgrid.Constructor.defaults.css, {
search: 'table-search',
actions: 'btn-group table-actions',
iconRefresh: 'fa-sync',
iconDown: 'fa-sort-down',
iconUp: 'fa-sort-up',
iconColumns: 'fa-th-list',
paginationButton: 'page-link',
icon: 'icon fa',
});
$.extend($.fn.bootgrid.Constructor.defaults.templates, {
icon: '<i class="icon fa {{ctx.iconCss}}"></i>',
search: `
<div class="btn-group {{css.search}}">
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">
<i class="fas fa-search"></i>
</div>
</div>
<input type="text" class="form-control {{css.searchField}}" id="inlineFormInputGroup" placeholder="{{lbl.search}}">
</div>
</div>`,
actionButton: `
<button class="btn btn-light" type="button" title="{{ctx.text}}">
{{ctx.content}}
<span>{{ctx.text}}</span>
</button>`,
actionDropDown: `
<div class="{{css.dropDownMenu}}">
<button class="btn btn-light dropdown-toggle" type="button" data-toggle="dropdown">
<span class="{{css.dropDownMenuText}}">{{ctx.content}}</span>
<span class="caret"></span>
<span></span>
</button>
<ul class="{{css.dropDownMenuItems}}" role="menu"></ul>
</div>`,
paginationItem: `
<li class="paginate_button page-item {{ctx.css}}">
<a data-page="{{ctx.page}}" class="{{css.paginationButton}}" href="javascript:void(0);">
{{ctx.text}}
</a>
</li>`,
loading: `<tr><td colspan="{{ctx.columns}}" class="text-center"><i class="fa fa-sync fa-spin"></i></td></tr>`
});
})(jQuery, window);
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
- 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.