FAQ Database Discussion Community


Deactivate hover state on table rows in Bootstrap Table

css,twitter-bootstrap-3,hover,bootstrap-table
Is there a way to deactivate the hover state on table rows in Bootstrap Table? It automatically set's it there......

Fix First Column of a Bootstrap Table

javascript,css,bootstrap-table
I followed @koala_dev's code in this post to try to lock the first column s my table scrolls horizontally. The code unfortunately has no effect on my table. I was wondering if anyone could give me some pointers on what I have done wrong as I am new to programming....

Bootstrap table. How to remove all borders from table?

css,twitter-bootstrap,twitter-bootstrap-3,bootstrap-table
How to remove all (especially outer ones) borders from bootstrap table? Here is a table without inner borders: HTML <style> .table th, .table td { border-top: none !important; border-left: none !important; } </style> <div class="row"> <div class="col-xs-1"></div> <div class="col-xs-10"> <br/> <table data-toggle="table" data-striped="true"> <thead> <tr> <th>Column 1</th> <th>Column 2</th> </tr>...

how to use bootstrap mergeCells dynamically in backbone.js

javascript,twitter-bootstrap,backbone.js,bootstrap-table
I have a function which creates a bootstrap table and i have to merge only specific columns in that table dynamically. this.$('#Table1').bootstrapTable({ striped: false, minimumCountColumns: 2, smartDisplay:true, clickToSelect: false, columns:[ { field:'Key2', title: $.t('report:'+code+'.Col2'), align: 'left', valign: 'middle', sortable: true, events : this.linkEvents formatter :this.linkFormatter } ] }); linkEvent function:...

Bootstrap table set total rows by server

javascript,html,model-view-controller,twitter-bootstrap-3,bootstrap-table
I use bootstrap table to present my data. I use dataSide pagination by server. There is my table header HTML code <table id="shipmentsListTable" class="table table-striped" data-toggle="table" data-cache="false" data-search="true" data-side-pagination="server" data-total-rows="50" data-sort-name="CreatedDate" data-sort-order="desc" data-pagination="true" data-page-size="10" data-page-number="1"> I send AJAX request to my server with informationa about paging, sorting etc. It works....

Bootstrap Tooltips Disappear Upon Sorting Table

javascript,jquery,twitter-bootstrap,bootstrap-table
I have included some Bootstrap tooltips (indicated by glyphicons) in my table (http://jsfiddle.net/mademoiselletse/bypbqboe/66/) by adding the following tag directly into my table cell: <i class="glyphicon glyphicon-tags" data-toggle="tooltip" data-placement="right" data-title="this is a tooltip glyphicon"></i> I initialize the tooltips by triggering tooltipExe () every time the table is loaded (line 56, 82,...

Merging Cells in Bootstrap Table

css,twitter-bootstrap-3,bootstrap-table
I have troubles merging Cells in Bootstrap Table I've found an example here. But I don't want the merging executed by clicking a button, instead I want to merge automatically. Here's my code: <table id='ViewTable' data-toggle='table' data-url='func/json.php?id=1' data-class='table table-hover table-condensed' data-striped='true' data-show-header='false'> <thead> <tr> <th data-field='picture'></th> <th data-field='description'></th> <th data-field='value'></th>...

Sorting numbers containing commas

bootstrap-table
I am trying to sort a column of numbers using commas, eg 1,092,021. The sorting is treating the , as a decimal and sorting improperly. eg: 1,330,000 2,350,000 3 5 7,000,000 etc Is there a way to get the comma separated numbers to sort properly?...

Add hyperlink to text in a column generated by bootstrap-table

jade,bootstrap-table
Using Node + Jade am creating a table that will display a large list of users, so I decided to use bootstrap-table and I found a great library with many possibilities. I'm currently using the pagination to not display as much information in the table, the table at the moment...

Bootstrap-table change dynamically table height

jquery,twitter-bootstrap-3,bootstrap-table
I'm using Bootstrap-table plugin in version 1.6. I want to change dynamically table height - is it possible? I can't figure it how to do that... <div class="main"> <button id="resetView" class="btn btn-default">Reset View</button> <table id="table" data-toggle="table" data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/" data-height="200"> <thead> <tr> <th data-field="name">Name</th> <th data-field="stargazers_count">Stars</th> <th...

bootstrapTable header columns appearing twice

jquery,twitter-bootstrap,bootstrap-table
Here is what is happening I cant figure out why the titles in the columns are appearing twice like that. I have the same code on other pages and it does not do this. JQUERY var $table = $('#table-javascript').bootstrapTable({ method: 'get', url: 'bootstrap_database_email_history.php', height: 300, cache: false, striped: true, pagination:...

bootstrap-table.js how to remove row within actionevent

bootstrap-table
How do I change the 'alert' click event in this fiddle to remove the row in which the icon was clicked? I have tried several approaches none of which have worked. I want to delete/remove the row, not post an alert. Thank you in advance. Here is the Fiddle function...

Fixing Bootstrap Table Column Width

css,twitter-bootstrap,bootstrap-table
I want to fix the width of particular columns in my Bootstrap table. I have tried everything I could find on the documentation and forum: Adding the data-width attribute to the <th> tag pursuant to the Bootstrap Table documentation: <th data-width= 20 data-field="0" data-sortable="true" data-align="left" data-valign="middle">Car Model</th> Adding class="col-xs-4" to...

Move row up or down in bootstraptable

javascript,jquery,twitter-bootstrap,bootstrap-table
I'm using Bootstrap-Table in a project and I'd like to move rows up or down. I have these action events : window.actionEvents = { 'click .up': function (e, value, row, index) { var thisrow = $(this).parents("tr:first"), thisrow.prev().data('index', rowindex); }, 'click .down': function (e, value, row, index) { var thisrow =...

Bootstrap Table loading external data - No matching records found

javascript,jquery,html,twitter-bootstrap,bootstrap-table
I'm trying to get the plugin Bootstrap Table to work with the example code provided on the official site (http://bootstrap-table.wenzhixin.net.cn/examples/). For some reason it doesn't seem to work, all I get is "No matching records found". Here's my jsFiddle http://jsfiddle.net/1r3s3qjn/ which is based on the official example http://jsfiddle.net/wenyi/e3nk137y/14/light/, which works....