forzenColumnsTable

forzenColumnsTable.xhtml

                <style>
                     /*  Change forzen width  */
                     .ui-datatable-frozenlayout-left {
                         width: 20%;
                     }
                </style>
                <script>
                    function slideColumn(comp) {                        
                        $('.ui-datatable-frozenlayout-left').css("width", comp.input.val()+"%");
                    }
                </script>
                <h:form id="form">
                    <p:dataTable value="#{mainBean.list}" var="user" frozenColumns="1"
                                 scrollable="true" scrollHeight="150" scrollWidth="300">
                        <p:column headerText="Name">
                            #{user.name}
                        </p:column>
                        <p:column headerText="Name">
                            #{user.name}
                        </p:column>
                        <p:column headerText="Name">
                            #{user.name}
                        </p:column>
                    </p:dataTable>
                    <h:inputHidden id="sliderInput"  />
                    <p:slider for="sliderInput" style="width: 200px" onSlide="slideColumn(this)" minValue="10" maxValue="70"  />
                </h:form>