你可以用htmx以一种非常简单的方式实现这一点。3个步骤：

• 将你的表提取到一个单独的文件中，并使用django的include template标签将其包含在页面中。
• 在你的视图中检查请求是由HTMX还是django发出的（有一个django-htmx包可以为你做这件事），并相应地只呈现包含项目的表格或整个页面。
• 修改你的搜索输入以使用htmx，并使用apache将修改提交到你的视图。

在this repository中有一个使用django-htmx的工作示例。
在那里，它是按照以下步骤完成的：步骤1（在您的模板中）

<div class="content">
    <div class="container-fluid">
        <div class="card">
            <div class="card-content">
                <div id="beers-table">
                    {% include "beers/includes/beers-table.html" %}
                </div>
            </div>
        </div>
    </div>
</div>

字符串
第二步（在你看来）

def active_search(request):
    query = request.GET.get("q")
    page = request.GET.get("p", 1)
    template = "beers/active-search.html"
    if request.htmx:
        template = "beers/includes/beers-table.html"
    if query:
        beers = Beer.objects.search(query)
    else:
        beers = Beer.objects.all().prefetch_related("style", "category")
    return render(
        request,
        template,
        {
            "beers": Paginator(beers, 10).get_page(page),
            "page": page,
            "query": query,
            "not_found": not beers.exists(),
        },
    )

型
步骤3（您的搜索表单）

<form action="{% url 'beers:active-search' %}" method="get" class="form-group col-md-6">
    <label class="control-label">
        Search
        <img class="htmx-indicator" id="indicator"  src="{% static 'img/indicator.svg' %}">
    </label>
    <input 
        placeholder="Begin Typing To Search..." 
        data-hx-get="{% url 'beers:active-search' %}" 
        data-hx-trigger="keyup[target.value.length > 3 || target.value.length === 0] changed delay:500ms" 
        data-hx-target="#beers-table"
        data-hx-push-url="true"
        data-hx-indicator="#indicator"
        style="background:#fafafa" 
        class="form-control" 
        type="text"
        value="{{query|default:''}}"
        name="q" />
</form>

型

HTML：-

<input type="search" name="search" id="search_box" placeholder="Search Using Saral-ID or Name">

字符串
Django-View：

def search_form(request):
    pk = request.GET.get('id')
    filter_data = br_ambedkar_form.objects.filter(saral_id__contains=str(pk)) | br_ambedkar_form.objects.filter(applicant_name__contains=str(pk))
    return render(request , 'br_ambedkar_forms/search_table/search_table.html' , {
        'forms' : filter_data,
    })

型
JavaScript：-

document.addEventListener('DOMContentLoaded' , ()=>{
    document.getElementById('search_box').addEventListener("keyup" , ()=>{
        search_value = document.getElementById('search_box').value;
        fetch(`/forms/search/?id=${search_value}`)
        .then(data => data.text())
        .then(text => {
            document.getElementById('table').innerHTML=text
        });
    })  
})

型
这样我就可以得到真实的时间搜索。