bootstrap-table resize column not work if I set columns in javascript

Question

I am using following example to do resizable columns:

https://live.bootstrap-table.com/example/extensions/resizable.html

If I did as the link example, set columns in thead:

<table id="table"

  data-url="json/data1.json"
  data-resizable="true">
  <thead>
    <tr>
      <th data-field="id" data-width="18">ID</th>
      <th data-field="name" data-width="20">Item Name</th>
      <th data-field="price" data-width="25">Item Price</th>
    </tr>
  </thead>
</table>

<script>
  $(function() {
    $('#table').bootstrapTable()
  })

then I can resize the columns.

However if I set columns in js like :

<table id="table"

  data-url="json/data1.json"
  data-resizable="true">

</table>

<script>
  var defaultColumns = [        
        {title: 'Id', field: 'id', width: 180},
        {title: 'Name', field: 'name', width: 100},
        {title: 'Price', field: 'price', width: 180}            
        ];

  $(document).ready(function() {

    $( '#table' ).bootstrapTable(

        {columns: defaultColumns}
    );
  });

Then I cannot resize the columns.

How can I resize the columns if I set the columns in js?

Dennis Hernández · Accepted Answer · 2020-01-27 20:13:58Z

1

This is fixed in this pull request

answered Jan 27, 2020 at 20:13

Dennis Hernández

1224 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

frank Over a year ago

Got it, thank you very much! By the way, this fix will be in which version?

Dennis Hernández Over a year ago

The version 1.16.0 is just released

Collectives™ on Stack Overflow

bootstrap-table resize column not work if I set columns in javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related