jquery-tabledit | Inline editor for HTML tables compatible with Bootstrap

I have a table with a select box that I want to be disabled by default (for safety purposes). Now, when the edit button from jquery-tabledit is clicked, I want it to be enabled again. How could I achieve so? When clicking on Save, action_user_2.php gets called with [action] => edit, but I need to listen when edit button gets click on the same page so that I can change the select box to "select name='selectbox'" (removing disabled).

Im creating X tables with dataTable and Tabledit with a loop, the main example i took it from https://www.webslesson.info/2020/05/make-editable-datatable-using-jquery-tabledit-plugin-with-php-ajax.html

the situation is for each loop, the Tabledit is adding info from lastest columns + buttons (image)

img with situation

and for each loop the number of data is less (size of loop) what to do to fix that problem?

this is the code: (the other phps are the same of the link) also, how to add row button to each table?

main.js:

I am creating a table with content fed from a table in a MySQL Database. One of the fields on the table is a checkbox form that adds roles to the user. I got it to work, but with the description being hardcoded. Since a new role might get added, I want to show it as a new checkbox option.

Clarification: the value of 1 sets the role as Admin, 2 as Subscriber...

The problem is the message: Notice: Array to string conversion in /var/www/html/wordpress/multi_users/user_table.php on line 110

I'm posting several variables from Ajax to PHP and one of them is an array. However PHP sees a string instead of an array. I can't figure out what's wrong.

Ajax string seen in Firefox Dev console:

Form data:

I have designed a page using bootstrap 4. But it is not appearing according to my design. Below the code of CSS and JS files that I used. Also shared the excepted appearance and wrong appearance.

I got 403 Forbidden Error while trying to implement jQuery-Tabledit (https://markcell.github.io/jquery-tabledit/) on my table. Upon researching, it seems the problem is related to authorization, however I have no clue how to fix. I use neither AuthComponent nor SecurityComponent.

Template/User/index.ctp

so i try showing data with ajax and get filter it by values... it came work when i just show all data but i want to make show data is filter by dropdown values and it require post for getting the dropdown selected values

Then when i got done i can make the POST function get work on console, and the response that i get is not problem at all but the get function for view data is not working so the data wont load...

prepro.php for dropdown function (seems not problem at all)

I'm using a JQuery-Tabledit to update the MySQL table.

the issue I'm facing is that when I update the cell value of the first column, same row value of the second column disappeared.

I'm not able to figure out what I'm doing wrong here.

Here is my JQuery-Tabledit code

I'm trying to implement jQuery-Tabledit plugin to handle inline table fields editing. The problem is it's not sending data (passing parameters) to the controller and also it's throwing an error MethodNotAllowedHttpException "No message". I'm newbie in javascripts so please describe what I'm doing wrong. Here's my code for controller (first of all I want to display parameters sent by script):