//↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Пример использования простой версии ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

layui.config({
  // Конфигурирование базового каталога layui для хранения третьих компонентов
  base: '../../../layui_exts/'
}).extend({
  openTable: 'openTable/openTable'
}).use(['openTable'], function() {
  layui.openTable.render({
    elem: '#test',
    id: '#test',
    url: 'test.json',
    toolbar: '#barDemo',
    cols: [[
      { field: 'id', title: 'ID', sort: true },
      { field: 'username', title: 'Имя пользователя', edit: true },
      { field: 'city', title: 'Город', edit: true },
      { title: 'Действие', toolbar: '#barDemo', width: 150 }
    ]]
  });
});
```      // Примечание: раскрывающиеся столбцы Items
      , openCols: [
        {
          field: 'sign', title: 'Подпись', templet: function (item) {
            // переопределение оформления
            return "<div style='background: #333333;color: white'>" + item.sign + "</div>";
          }
        }
        , {
          field: 'wealth', title: 'Богатство', onDraw: function (it, item) {
            // использование стандартного оформления [слева title + справа значение + нижняя черта]
            return item['wealth'];
          }
        }
        , {field: 'experience', title: 'Опыт'}
        , {field: 'classify', title: 'Профессия'}
      ]```javascript
      // Примечание: Отслеживание сортировки {openTable}
      , sort: function (obj) {
        console.log(obj);
      }
      // Примечание: 0: одновременно открывается только один элемент 1: всегда открыт, не закрывается предыдущий def: 0 {openTable}
      , openType: 0

    });

    // Пример события клика на панели инструментов
    layui.table.on('toolbar(test)', function (obj) {
      layer.msg("Кликнули");
    });

### Примеры перезагрузки таблицы

```javascript
// Примечание: пример перезагрузки таблицы
layui.jquery(".btn-demo-reload").click(function() {
  layui.table.reload("#test", { where: { text: "Тестовое условие поиска" } });
});

// TODO Примечание: другие примеры синхронизированы с официальным сайтом layui, требуется использование [layui.table]

// Примечание: обновление примера отображения форматированного кода, в реальном проекте можно игнорировать
setTimeout(function() {
  layui.$('.layui-code').text(layui.$('#demo-script').html());
}, 20);

- [Полная версия использования (поддерживает модификацию расширенных колонок)](https://gitee.com/Hbangmao/layui_extend_openTable/blob/master/layui_exts/openTable/demo/index2.html)
- [Загрузка данных из сети](https://gitee.com/Hbangmao/layui_extend_openTable/blob/master/layui_exts/openTable/demo/index3.html)
- [Если есть вопросы, обратитесь к теме форума](https://fly.layui.com/jie/62195/) || проблемы
- QQ: 1414430109:facepunch: Желаю приятной работы!

#### Некоторые примеры
1. Пользователь — Шанфэн
![](https://images.gitee.com/uploads/images/2020/0102/120139_ab24634e_734930.png)

***

#### Благодарность за поддержку
![](https://images.gitee.com/uploads/images/2020/0102/101525_207b41b2_734930.png) ![](https://images.gitee.com/uploads/images/2020/0117/103850_7a940476_734930.png)

##### Благодарность брату за поддержку

<u> 1. Чжан Цзян [1 юань Alipay] </u>
<u> 2. Мин [5 юаней Alipay] </u>
<u> 3. Цзи Цзы [10 юаней WeChat] </u>