merge-cells

Provide JavaScript/TypeScript functions to help you merge cells with vertically the same values.

👉 Example: https://piglovesyou.github.io/merge-cells/

Usage

Example usage in a browser:

<script type="module" defer>
    import { mergeCells } from 'https://cdn.jsdelivr.net/npm/merge-cells@latest'

    const tableEl = document.getElementById('table')
    mergeCells(tableEl)
</script>

Example usage in Node.js:

npm install merge-cells

import { calcRowspanFromObjectArray } from 'merge-cells'

calcRowspanFromObjectArray(
    [
        { c_1: 'a', c_2: 'a' },
        { c_1: 'a', c_2: 'a' },
        { c_1: 'b', c_2: 'a' },
    ],
    ['c_1', 'c_2'],
)
// returns: [
//   { c_1: 2, c_2: 2 },
//   { c_1: 0, c_2: 0 },
//   { c_1: 1, c_2: 1 }
// ]

Available functions

mergeCells

Apply rowspan to an HTML table, calculated by calcRowspanFromObjectArray. Signature:

function mergeCells(tableEl: HTMLTableElement, columnIndexes?: number[], options?: Options): void

calcRowspanFromObjectArray

Calculate the rowspan of each cell in JavaScript object rows. Useful for flexible usage such as in server-side rendering. Signature:

function calcRowspanFromObjectArray<E extends Record<string, any>>(
    rows: E[],
    columnKeys: string[],
    options?: Options,
): Record<string, number>

Options

| property | default value | description | | --------------------- | ------------- | --------------------------------------------------------------------------------------------------------------------------- | | respectColumnLevels | true | Whether to merge/separate cells based on column levels. Leave it to true if you can aggregate your table with GROUP BY. |

Publishing

yarn version --patch  # or --minor or --major