«jExcel» – это очень легкий плагин jQuery для размещения электронных таблиц, совместимых с Excel, в вашем браузере. Можно загружать данные прямо в jExcel таблицы из массива в JS.
Вы можете скопировать и вставить данные в Excel прямо из таблицы сайта. Также плагин способен легко интегрировать jExcel с любым другим плагином jQuery, чтобы создавать ваши собственные пользовательские столбцы, специализированные редакторы и многое другое. jExcel имеет много хороших функций, таких как: ключ-значение в выпадающем списке, загрузка из CSV/экспорт/импорт нескольких электронных таблиц и многое другое.
Библиотека имеет обширную и понятную документацию, а автор готов ответить на любые вопросы.
Инсталляция и настройка jQuery плагина таблицы
HTML-структура. Подключаем файлы:
|
1 2 3 4 5 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.71/jquery.csv-0.71.min.js"></script> <script src="http://cdn.bossanova.uk/js/jquery.jexcel.js"></script> <link rel="stylesheet" href="http://cdn.bossanova.uk/css/jquery.jexcel.css" type="text/css" /> |
Указываем разметку нашей таблицы:
|
1 2 3 |
<div id="my"></div> <p><button id='download'>Export my spreadsheet as CSV</button></p> |
И задаем параметры загрузки страницы из CSV-файла и опции:
|
1 2 3 4 5 6 7 8 9 |
$('#my').jexcel({ csv:'http://cdn.bossanova.uk/demo/demo1.csv', csvHeaders:true, colWidths: [70, 200, 300], }); $('#download').on('click', function () { $('#my').jexcel('download'); }) |
Вы можете ознакомиться со всеми примерами работы плагина на страничке автора. Скачать файлы можно по ссылке выше с репозитория Github.