Question

我正在尝试构建一个页面，用户可以选择和编辑多行/所有行。

我能够复制每一行的复选按钮并根据https://www.gyrocode.com/projects/jquery-datatables-checkboxes/选择所有按钮。但是我无法复制提交按钮。我的猜测是因为该示例使用了ajax。我使用熊猫数据框。我对html和js的了解有限，所以我所做的基本上是试图了解代码的作用。

python代码

none

html代码

def test(request):
    df = pd.DataFrame(list(Test.objects.all().values()))
    var1 = df.to_html(justify='center', index=False)
    var1 = re.sub('table border="1" class="dataframe"', 'table id="example" class="table table-striped table-bordered" style="width:100%"', var1)
    return render(request, 'main/test.html', {'dfs': var1})

js代码

<form id="frm-example">
        {{dfs|safe}}
    <p>
    <button>Submit</button>
    </p>
    <p>
    <b>Selected rows data:</b><br>
    <pre id="example-console-rows"></pre>
    </p>
    <p>
    <b>Form data as submitted to the server:</b><br>
    <pre id="example-console-form"></pre>
    </p>
</form>
<script src="https://gyrocode.github.io/jquery-datatables-checkboxes/1.2.11/js/dataTables.checkboxes.min.js"></script>

带有数据表的Django在前端编辑数据库

0 个答案: