<commit_before><?php
$key = "Header Rendering";
$pageTitle = "ag-Grid Header Rendering";
$pageDescription = "ag-Grid Header Rendering";
$pageKeyboards = "ag-Grid Header Rendering";
include '../documentation-main/documentation_header.php';
?>

<div>

    <h2>Header Rendering</h2>

    <p>
        Customising how the column headers look is done using header components.
        There are two types of header components:
        <ul>
            <li><b>Header Component</b>: For rendering the normal column headers.</li>
            <li><b>Header Group Component</b>: For rendering column groups.</li>
        </ul>
    </p>

    <note>
        Header Components were introduced in v8 of ag-Grid. Before this customising the header was done
        a different way. The old way is described below and marked 'deprecated'. V9 of ag-Grid will remove
        support for the old way.
    </note>

    <h2 id="headerComponent">Header Component</h2>

    <p><commit_msg>updating docs for header rendering<commit_after><?php
$key = "Header Rendering";
$pageTitle = "ag-Grid Header Rendering";
$pageDescription = "ag-Grid Header Rendering";
$pageKeyboards = "ag-Grid Header Rendering";
include '../documentation-main/documentation_header.php';
?>

<div>

    <h2>Header Rendering</h2>

    <p>
        You can specify what header renderer to use at the column definition level.
        If not specified, the grid's default header rendering components will be used.
    </p>

    <p>
        There are two types of header components:
        <ul>
            <li><b>Header Component</b>: For rendering the normal column headers.</li>
            <li><b>Header Group Component</b>: For rendering column groups.</li>
        </ul>
    </p>

    <p>
        You specify the header component to use in the column definition (or you can set
        in the default column definition to impact all columns).
    </p>

    <pre><span class="codeComment">// specify a column definition</span>
var myColDef = {
    // put in a custom header component

}</pre>

    <note>
        Header Components were introduced in v8 of ag-Grid. Before this customising the header was done
        a different way. The old way is described below and marked 'deprecated'. V9 of ag-Grid will remove
        support for the old way.
    </note>

    <h2 id="headerComponent">Header Component</h2>

    <p>
{'fraction_non_alphanumeric': 0.10384128324187421, 'fraction_numerical': 0.005065428450823132, 'mean_word_length': 2.8287560581583198, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 53, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3098887', 'n_tokens_mistral': 671, 'n_tokens_neox': 645, 'n_words': 262}