Multiple selection strange behaviour

Question

I have my datatable defined like this:

   <p:dataTable id="sifarnikTable" rowIndexVar="rowIndex" 
                    value="#{attrsBean.listOfDataBeans}" editable="true" 
                    selectionMode="multiple" selection="#{attrsBean.selektovani}"
                    widgetVar="datatableWidget" var="row" rowKey="#{row.primaryKey}"
                    paginator="true" paginatorPosition="bottom" 
                    paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                    currentPageReportTemplate="{startRecord} - {endRecord} / {totalRecords}"
                    emptyMessage="#{messages['datatable.emptymessage']}" rows="15"
                    sortMode="multiple" paginatorAlwaysVisible="false" styleClass="newStyle"
                    filteredValue="#{attrsBean.filteredDatatableList}">


                    <p:ajax event="rowSelect" />
                    <p:ajax event="rowUnselect" />

                    <p:ajax event="rowEdit" listener="#{attrsBean.onEdit}"
                        update=":aswdatatable:form:messages, :aswdatatable:form:sifarnikTable, :aswdatatable:form:noviBtn" />

                    <p:ajax event="rowEditCancel" listener="#{attrsBean.onCancel}"
                        update=":aswdatatable:form:messages" />

   <p:columns id="columns" var="column" value="#{attrsBean.columns}" 
                style="#{column.css}" width="#{column.width}" 
                sortBy="#{row[column.property]}" 
                filterStyle="#{attrsBean.columnCSS}"
                filterBy="#{attrsBean.showFilter==false ? null : row[column.property]}">
                <f:facet name="header">
                    <h:outputText value="#{column.header}" />
                </f:facet>
                <p:cellEditor>
                    <f:facet name="output">
                        <h:outputText value="#{row[column.property]}" />
                    </f:facet>
                    <f:facet name="input">
                        <p:inputText value="#{row[column.property]}" style="width:96%"></p:inputText>
                    </f:facet>
                </p:cellEditor>

            </p:columns>
                <p:column style="width:6px" exportable="false" >                
                    <p:rowEditor />

                </p:column>
                <p:column  style="width:6px" exportable="false">
                    <div
                        onclick="datatableWidget.unselectAllRows();datatableWidget.selectRow(#{rowIndex}, false);">
                        <h:panelGroup layout="block">
                            <p:cellEditor>
                                <f:facet name="output">

                                    <p:commandLink id="deleteBtn"
                                        onclick="datatableWidget.unselectAllRows();datatableWidget.selectRow(#{rowIndex}, false);brisanjeWidget.show()"
                                        process="@this"
                                        update=":aswdatatable:form:brisanjeDisplay, :aswdatatable:form:sifarnikTable"
                                        styleClass="ui-icon ui-icon-trash">

                                        <f:setPropertyActionListener
                                            target="#{attrsBean.modelForDelete}" value="#{row}" />
                                    </p:commandLink>
                                </f:facet>
                                <f:facet name="input">
                                    <h:outputText value="" />

                                </f:facet>
                            </p:cellEditor>
                        </h:panelGroup>
                    </div>
                </p:column>


            </p:dataTable>

A problem is when I select items behaviour is a little strange. Sometimes when I click on specific row it won't select it and sometimes it does and sometimes I need to click more than once to select a row. Can anyone help? Maybe I don't see something.

Relevant backing bean code is:

@PostConstruct
public void init() {
   ...
   selektovani = new ArrayList<BasicModel>();
   ...  
}

Answer 1

The only answer I could find is to override onRowClick function from datatable.js. The change is in line if ($(event.target).is("td,span:not(.ui-c)")) {, I've just changed to if ($(event.target).is("td,span:not(.ui-c),.ui-cell-editor-output")) { and now it works. I know that this is not good way.