Function changeColumnHeader

components/dash-table/src/dash-table/utils/actions.js:150–186

(
    column,
    columns,
    headerRowIndex,
    mergeDuplicateHeaders,
    newColumnName
)

};

export function changeColumnHeader(
    column,
    columns,
    headerRowIndex,
    mergeDuplicateHeaders,
    newColumnName
) {
    let newColumns = columns;
    const maxLength = getHeaderRows(newColumns);
    const columnIndex = newColumns.findIndex(col => col.id === column.id);

    if (typeof column.name === 'string' && maxLength > 1) {
        const newColumnNames = Array(maxLength).fill(column.name);
        const cloneColumn = R.mergeRight(column, {name: newColumnNames});
        newColumns = newColumns.slice(0);
        newColumns[columnIndex] = cloneColumn;
    }

    const {groupIndexFirst, groupIndexLast} = getGroupedColumnIndices(
        column,
        newColumns,
        headerRowIndex,
        mergeDuplicateHeaders,
        columnIndex,
        true
    );

    R.range(groupIndexFirst, groupIndexLast + 1).map(i => {
        const namePath = [i, 'name'];
        if (R.type(newColumns[i].name) === 'Array') {
            namePath.push(headerRowIndex);
        }
        newColumns = R.set(R.lensPath(namePath), newColumnName, newColumns);
    });

    return {columns: newColumns};
}

export function editColumnName(
    column,