<script src="./bootstrap/js/bootstrap.min.js"></script>
<script src="./bootstrap-table/bootstrap-table.min.js"></script>
<script src="./src/bootstrap-treegrid.min.js"></script>

$('#tb').bootstrapTable({
        method: 'post',
        url: '/HR/HrDept/GetList',
        singleSelect: true,//однострочный выбор
        clickToSelect: true,//автоматический выбор при щелчке по строке
        striped: true,//отображение чередующихся строк
        treeView: true,//отображение древовидного представления
        treeId: "DeptID",//определение поля для идентификации узлов дерева
        treeField: "DeptName",//определение поля узла дерева
        treeParentId: "MasterID", //определение поля родительского идентификатора
        treeRootLevel: 1,//уровень корня дерева
        treeCollapseAll: false,//полное сворачивание по умолчанию
        uniqueId: "DeptID", //уникальный идентификатор каждой строки, обычно первичный ключ
        columns:
        [
          { field: 'ck', checkbox: true },
          { field: 'DeptID', title: 'ID организации'},
          { field: 'MasterID', title: 'Идентификатор вышестоящего уровня', visible: false },
          { field: 'DeptName', title: 'Название организации' }
        ]
       });