Rows per page filtering takes too much time

[prijilnath]

I have added paper data table in my project. I am using editable columns inside the paper data table card when i will filter by rows it is taking too much time to filter the data. Am using paper input and paper menu dropdown inside templates see my code

 <paper-datatable-card id="taskDatatableCard" headerFixed header="{{tableHeader}}" page-size="10" data-source="{{dataSource}}" id-property="taskId">
                    <paper-datatable id="taskDatatable" custom-row-style="{{generateRowCss}}" headerFixed selectable multi-selection resize-behavior="fixed">
                        <paper-datatable-column header="Number" class="header-style" property="Number" width=50px>
                            <template>
                               <paper-input id="inputComment" value="{{value}}" maxlength="500"></paper-input>
<paper-input id="otherCommentInput"  maxlength="500" hidden></paper-input>
                    <paper-button id="unmarkButton" raised>Mark for Approval</paper-button>
                    <paper-button id="closeButton" raised class="indigo">OK</paper-button>
                            </template>
                        </paper-datatable-column>
                        <paper-datatable-column header="Country" property="country"></paper-datatable-column>
                        <paper-datatable-column header="Code" property="code"></paper-datatable-column>
                        <paper-datatable-column header="Description" property="description"></paper-datatable-column>
                    </paper-datatable>
                </paper-datatable-card>