JSFiddle - React, Tailwind, and code Playground

HTML

<div id="j_idt36:groupTable" class="ui-datatable ui-widget ui-datatable-resizable">
    <div class="ui-datatable-header ui-widget-header ui-corner-top">Zugeordnete Gruppen
        <div id="j_idt36:groupTable:j_idt54" class="ui-outputpanel ui-widget" style="float:left;">
            <input id="j_idt36:groupTable:globalFilter" name="j_idt36:groupTable:globalFilter" type="text" placeholder="Suche" onkeyup="PF('groupTable').filter()" style="width:150px;" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" />
        </div>
    </div>
    <div class="ui-datatable-tablewrapper">
        <table role="grid">
            <thead id="j_idt36:groupTable_head">
                <tr role="row">
                    <th id="j_idt36:groupTable:j_idt63" class="ui-state-default ui-sortable-column ui-filter-column ui-resizable-column" role="columnheader" style="width:150px"><span class="ui-column-title">Gruppenname</span><span class="ui-sortable-column-icon ui-icon ui-icon-carat-2-n-s"></span>

                        <input id="j_idt36:groupTable:j_idt63:filter" name="j_idt36:groupTable:j_idt63:filter" class="ui-column-filter ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" value="" autocomplete="off" style="display:none" />
                    </th>
                    <th id="j_idt36:groupTable:j_idt42" class="ui-state-default ui-sortable-column ui-filter-column ui-resizable-column" role="columnheader"><span class="ui-column-title">Beschreibung</span><span class="ui-sortable-column-icon ui-icon ui-icon-carat-2-n-s"></span>

                        <input id="j_idt36:groupTable:j_idt42:filter" name="j_idt36:groupTable:j_idt42:filter" class="ui-column-filter ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" value="" autocomplete="off" style="display:none" />
                    </th>
                </tr>
            </thead>
            <tbody id="j_idt36:groupTable_data" class="ui-datatable-data ui-widget-content">
   ...

CSS

.ui-widget, .ui-widget .ui-widget {
    font-size: 95% !important;
}
.ui-datatable tbody td.wrap {
    white-space: normal;
}

JavaScript

PrimeFaces.cw("InputText", "widget_j_idt36_groupTable_globalFilter", {
    id: "j_idt36:groupTable:globalFilter",
    widgetVar: "widget_j_idt36_groupTable_globalFilter"
});
PrimeFaces.cw("DataTable", "groupTable", {
    id: "j_idt36:groupTable",
    widgetVar: "groupTable",
    paginator: {
        id: ['j_idt36:groupTable_paginator_bottom'],
        rows: 10,
        rowCount: 0,
        page: 0,
        currentPageTemplate: '({currentPage} of {totalPages})'
    },
    filter: true,
    resizableColumns: true,
    liveResize: true,
    multiSort: true
});