<template if:true={openRecordCount}>
                                <c-hrwddatatable hide-checkbox-column="true"  show-actions="true" action-img3={addNewActivityIMG} onrowactionthree={showAddActivity} columns={opencolumns} column-value={opencolumnValue}  onsort={handleSort} onlinkclicked={handleLinkClick}></c-hrwddatatable>
                            </template

<template for:each={columns} for:item="column" for:index="index" >
                        <template if:true={column.HSOP_Enable_Sorting__c}>
                            <th class="heading cursorHand uparrow downarrow headerClass" key={column.HSOP_Field_API_Name__c} onclick={handleHeaderClick} data-index={index}
                            data-message={column.HSOP_Field_API_Name__c}>
                                <div class="row" data-index={index} data-message={column.HSOP_Field_API_Name__c}>
                                <div class="column left cursorHand" data-index={index} data-message={column.HSOP_Field_API_Name__c}>{column.HSOP_Column_Header__c}</div>
                                <div class="column right" data-index={index} data-message={column.HSOP_Field_API_Name__c}>
                                    <div class="slds-align_absolute-center glyphicon " data-index={index} data-message={column.HSOP_Field_API_Name__c}></div>
                                </div>
                            </div>
                        </th>    
                        </template>
</template>

columns are coming from metadata
there are 12 columns are coming but i just wanted to show particular 7 columns
how should i filter the data in my JS