Change default expandable table row in jQuery

Question

I need example of expandable table row, I found this is the best choice so far:

http://www.jqueryscript.net/table/jQuery-Plugin-For-Expandable-Bootstrap-Table-Rows.html

demo: http://www.jqueryscript.net/demo/jQuery-Plugin-For-Expandable-Bootstrap-Table-Rows/

The table will expand when I click the header. My question is: how to make the table expanded by default?

Answer 1

I think you can write jQuery for this. Below code should help to solve your query.

$("table tbody tr:first-child").next("tr").toggle();
$("table tbody tr:first-child").find(".arrow").toggleClass("up");

Answer 2

add this below jquery will keep table expanded by default once document is loaded

$(document).ready(function(){
  $("tbody>tr").css("display", "table-row");
});