bootstrap+datatable实现datatable之切换tab

最新推荐文章于 2024-01-29 08:48:32 发布

白日梦想家.。

最新推荐文章于 2024-01-29 08:48:32 发布

阅读量1.5k

点赞数 1

文章标签： bootstrap html django

本文链接：https://blog.youkuaiyun.com/Q1070999087/article/details/121896058

版权

本文介绍如何利用bootstrap和datatable实现tab页之间的datatable切换。内容适合新手，虽然简单，但解决了一些实际问题。重点在于view部分的代码设置，js部分因重复内容仅调用一次datatable，并注意在ajax请求中将datatype设为json。为了避免datatables多次初始化错误，需添加destroy和retrieve选项。同时，当数据为空时，需在columns的data中设置"defaultContent": ""以避免错误。HTML部分可根据个人需求调整，最终效果会有所不同。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bootstrap+datatable实现datatable之切换tab

前言

新手完成，内容比较简单，但是解决了一些小问题可以参考参考。
提示：以下是本篇文章正文内容，下面案例可供参考

导入的js可以参考下面提供的参考文件，我的JS引入很多参考价值不大。
下面提供主要的代码

view部分（主要部分）

@csrf_exempt
def Status_wait(request):
    if request.method == "POST":
        status = request.POST.get("status")
        print(status)
        list=[]
        data_list = {}
        if status == '0':
            Orders = OrdersList.objects.filter(listState_id='1').all()
            for order in Orders:
                list.append({"orderId": order.orderID,
                             "name": order.orderClient.clientName,
                             "serialNumber": order.orderSerialNum,
                             "orderTime": order.orderingTime.strftime("%Y-%m-%d %H:%M:%S"),
                             "endTime": order.serviceDate.strftime("%Y-%m-%d"),
                             "status": order.listState.state,})

            data_list['data'] = list
            print(json.dumps(data_list))
            return HttpResponse(json.dumps(data_list))
    return HttpResponse(json.dumps(data_list))

js部分，因为我的几个tab都是一样的内容所以我只调用了一个datatable
建议ajax传值datatype为json的时候，能转json还是转一下，不然传不过去的
因为datatables不允许多次初始化某一表格
所以建议加上
de