Question

我试图在AgGrid上实现bootstrap-4下拉菜单，但是当我保留html下拉菜单时，数据表与下拉菜单重叠。当我尝试增加系统的z-index时，in无效。

这是html代码

def upvote

    object_comment = Comment.find(params[:id])
    object_comment.increment!(:upvote)
    redirect_to show_path(@post)

  end

  def downvote
    object_comment = Comment.find(params[:id])
    object_comment.increment!(:downvote)
    redirect_to show_path(@post)
  end
....

这是AgGrid代码

<div class="dropdown">
     <button class="btn btn-sm dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     </button>
     <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
       <button class="dropdown-item" type="button">Add loan</button>
       <button class="dropdown-item" type="button">Add saving</button>
       <button class="dropdown-item" type="button">Add currency</button>
       <button class="dropdown-item" type="button">Add share</button>
     </div>
   </div>

Answer 1

@Mariano是正确的，您需要添加cellEditorFramework而不是cellRendererFramework，这允许agGrid传递页面上表格单元的xy坐标。

确保将列设置为editable

并且双击激活编辑器，您可以使用singleClickEdit = true或在网格选项上全局进行更改。

Answer 2

我认为您应该使用编辑器组件。您正在尝试更改单元格的值。

AgGrid中的下拉菜单

2 个答案: