Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Can't select text on a cell


I have the following grid on my webpage

var columnDefinitions = [
{ headerText: "Work Order Number", width: "140px", key: "WorkOrderNumber" },
{ headerText: "Work Order Description", width: "250px", key: "WorkOrderDescription" },
{ headerText: "Asset Reference", width: "150px", key: "SPN" }



autoGenerateColumns: false,
height: "400px",
width: "680px",
dataSource: createdWorkOrders,
primaryKey: "WorkOrderNumber",
dataSourceType: "array",
dataRendered: function () { common.styleGridHeaders("#createdWorkOrdersGrid", columnDefinitions); },
columns: columnDefinitions,
features: []


When this grid is displayed the user wants to be able to highlight the text with the mouse cursor, so he is able to copy it. However, the infragistic grid does not let me select the text inside of a cell. This is very frustrating as it should be something very simple.

I am using the bootstrap4 theme.

No Data
  • 345
    Offline posted

    Hello, Miguel

    If you just need to select the cells, then the “features : []” on the last line of the code you showed above should be  :

    features: [


                name: “Selection”,

                mode: “cell”



    More detailed information you could find here :

    It is also possible to make the grid cells updateable. This way the user should be able to modify or copy the cell contents. 

    In this case the "features : []"  should be :

    features: [


                name: “Updating”,

                editMode: “cell”




    Please contact me if this doesn't resolve your problem.

    Best regards,

    Vasil Pavlov

    Associate Software Developer

    Infragistics, Inc.