Connecting multiple grids

3 posts, 1 answers
  1. Nicholas
    Nicholas avatar
    27 posts
    Member since:
    Mar 2013

    Posted 09 Apr 2014 Link to this post


    We're using the Sortable widget to connect two grids, and this works as expected as long as both grids have data. However, if the drop target's grid is empty, we've found that it is impossible to drop any rows there. connectWith in the Sortable constructor is being set to: "#gridName table".

    Is this an expected limitation? Is there any workaround?

  2. Answer
    Alexander Valchev
    Alexander Valchev avatar
    2873 posts

    Posted 11 Apr 2014 Link to this post

    Hello Nicholas,

    The behavior is expected and occurs because the after Grid is left with no records its table becomes hidden (with zero height). As a result the user cannot hover the sortable container with the mouse, respectively cannot activate the sortable widget.

    As a possible solution I suggest to add an empty row to the Grid's table which indicates that there are no records left. In this way the table will expand and the user will be able to hover it with the mouse.

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Nicholas
    Nicholas avatar
    27 posts
    Member since:
    Mar 2013

    Posted 14 Apr 2014 in reply to Alexander Valchev Link to this post

    Thanks! That worked perfectly.
Back to Top