Как с помощью javascript создать отчет на основе таблицы?

Question

[stack1]

Здравствуйте! Столкнулся с такой проблемой . Есть на странице таблицы, например:

<div id="myReport">
    <p>Some text</p>
    <table>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
</div>

Есть ли какие-то способы создать отчеты для таблицы , используя js? Что-то типа crystal report для windows.

Буду рад любым идеям, спасибо заранее!

Answer 1

[Сергей Lero]

Зависит от сложности отчётов, которые вам нужны.
Если отчётов много и нужны графики, диаграммы и прочее - https://d3js.org/.
Если попроще - www.chartjs.org/.
Если только текстовый отчёт(таблица или что-то вроде), то присмотритесь, например, к https://datatables.net, либо просто js используйте.

Comments

[stack1]

Мне нужно генерировать будет табличные данные и текст.
Например, на странице есть 3 таблицы, у каждой свой div.
Есть кнопка PRINT.
При нажатии на кнопку будет окно , в котором я выбираю нужную таблицу, фильтры может ( + какой-то текст) , жму ОК и генерирую отчет.
Вот примерно для такой задачи , какой лучше инструмент использовать?

[stack1]

И может я еще неправильно понимаю одну вещь.. если речь идет об отчете, то это должно выводиться на принтер ( таблицы и т.д.) ?

[Сергей Lero]

stack1: для такого и jquery должно хватить. Сверстайте шаблоны, переходы между окнами(шагами создания отчёта) можно сделать через jQuery, а расчёты(арифметику) на js напишите. Если данные из БД в таблицы приходят, то серверным языком рассчитывать лучше.

[stack1]

Сергей Lero: т.е. я динамически создаю таблицу, которая получилась после выполнения настроек , результат ложу в скрытый div, например, и при необходимости можно печатать его с помощью print? в ту хоть сторону думаю?

[Сергей Lero]

stack1: да, верно. Динамически выводится результат всяких манипуляций(например, вы там среднюю цену рассчитали или географию пользователей).
Для таблицы делаете статическую обёртку с нужными классами(id). а tr и td уже динамически строите в зависимости от требований к отчёту