2)
REDIPS.drag library can have many separated drag containers like in example08 - Tables in separated containers. Elements from first container can't be dropped to the second container and vice versa. If you want to disable all elements in a table, that can be done with enable_table() method. So with using event handlers, enable/disable (toggle) table elements should not be a problem.

Two quick questions:
1) is it possible to dynamically generate new table elements without user interaction?

2) is it possible to have two [div id="drag"] sections on the page? When I do that only one is active.

Thanks

// in a moment when DIV element is moved, set drop_option (shift or single)
rd.myhandler_moved = function () {
    // find parent table of moved element
    var tbl = rd.find_parent('TABLE', rd.obj);
    // if table id is table1
    if (tbl.id === 'table1') {
        rd.drop_option = 'shift';
    }
    else {
        rd.drop_option = 'single';
    }
};

On the similar way you can test DIV element id and set "switch" or "multiple" option:

rd.myhandler_moved = function () {
    // set DIV element id
    var id = rd.obj.id;
    ...

I have one more question, I have two tables (say table1 & table2) and in JavaScript I have set:

rd.drop_option = 'switch';

What I want is, if I click on any element in table1, certain cells in table2 (not all elements only certain DIV elements with some specific id) should be disabled and should not allow to swap the content even though cell choosed from table1 is dropped on these elements.

Issue I am facing is: as drop option is set to switch, even though cell is set to disabled, after dropping the element from table1 on disabled cell of table2 is swapping the elements.

Can you please suggest me, Is there any way to achieve this?

// display Id of first DIV element inside table cell with coordinates
// tableIndex, rowIndex and cellIndex
function displayId(tableIndex, rowIndex, cellIndex) {
    // define local variables
    var tables, cell, div;
    // get tables inside REDIPS.drag container
    // (this can be globally set to skip possible overhead)
    tables = document.getElementById('drag').getElementsByTagName('table');
    // set reference to the table cell
    cell = tables[tableIndex].rows[rowIndex].cells[cellIndex];
    // mark cell to become visible (just for testing purpose)
    cell.style.backgroundColor = 'lime';
    // get references of DIV element(s) inside table cell
    div = cell.getElementsByTagName('div');
    // test if there is any DIV element
    if (div.length > 0) {
        // display Id of first DIV element
        alert(div[0].id);
    }
}

... and how to use it:

// display DIV Id for first table, third row and third column (cell)
displayId(0, 2, 2);

In my case, i know row, col and table number and i want to get id of the cell (ie., i know position of my cell, but not the id of the element) Is there any method available to get id of div element ?

if not can you please let me know, how can we achieve this?

@Nivas - The easiest way is to create separated drag containers like in Example 8: Tables in separated containers. Just peek to the source. Here is code snippet of how to initialize each DIV container:

// reference to the REDIPS.drag class
var rd = REDIPS.drag;
// DIV container initialization
rd.init('drag1');
rd.init('drag2');

My requirement is, The element should be drag and drop in the same Table, But When I try to drag it to another table, it should not. How can I achieve this?

Thanks,
Nivas