Input table field: Ability to disable or make readonly specific cells of a table

  • Triops
    Asked on January 4, 2019 at 6:45 AM

    Hi,

    I would like to create an input table with check boxes on it in order to create a selectable table in which you can check many cells in every row. However, I would like to disable some of the cells of this table, but I have not found the way to do it.

    Is there any way to disable some of the cells of a table?

    Many thanks!

  • Victoria_K
    Replied on January 4, 2019 at 7:50 AM

    May I ask if you would like to limit selection per row/column or to make specific cells as read-only? It would help us if you can share a link to form you are working on. We will wait for your reply. 

  • Triops
    Replied on January 4, 2019 at 8:13 AM

    Hi Victoria,

    I would like to make specific cells read-only. Here you have a link of the form I am working on https://eu.jotform.com/90033342958356.

    In this case, I would like people to be able to choose football every day, boxing on Monday, Wednesday and Friday (but not on Tuesday and Thursday), and hockey on Tuesday and Thursday (but not on Monday, Wednesday and Friday).

    Many thanks

  • Kiran Support Team Lead
    Replied on January 4, 2019 at 9:01 AM

    Please note that it is only possible to disable the mouse clicks on the checkboxes using the following CSS injected to the form

    #input_24_1_1, #input_24_1_3, #input_24_2_0, #input_24_2_2, #input_24_2_4 {

        pointer-events: none;

    }

    However, using the tab key from the keyboard would allow the user to select the checkbox in this case.

    If you do not want to allow the user to select the specific options, you may hide them from the table by using the following CSS code.

    #input_24_1_1, #input_24_1_3, #input_24_2_0, #input_24_2_2, #input_24_2_4 {

        display: none;

    }

    154661013904012019 190126 10 Screenshot 10

    Thanks!