Primefaces column vertical-text
<p>I have a dataTable with 22 columns but I will style 8 of them vertical 
 I am using this dataTable </p>

<pre><code>&lt;p:dataTable var="car" value="" paginator="true" rows="5" style=".ui-datatable th { writing-mode: tb-lr; }"
                 paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                 rowsPerPageTemplate="5,10,15"  id="carTable" lazy="true"&gt;
        &lt;p:ajax event="rowSelect" update=":form" oncomplete="PF('carDialog').show()" /&gt;
        &lt;p:column headerText="column1" sortBy="" filterBy=""&gt;
            &lt;h:outputText value="" /&gt;
        &lt;/p:column&gt;
&lt;p:column headerText="column2" sortBy="" filterBy=""&gt;
            &lt;h:outputText value="" /&gt;
        &lt;/p:column&gt;
......
&lt;p:column headerText="column22" sortBy="" filterBy=""&gt;
            &lt;h:outputText value="" /&gt;
        &lt;/p:column&gt;
</code></pre>

<p>Image :</p>

<p><a href="https://i.stack.imgur.com/FpW67.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FpW67.png" alt="enter image description here"></a></p>

<p>how I can make this?</p>