引导B表上的双重过滤器

Question

我对引导程序中的b表有疑问，需要您的帮助。

我的问题是我必须在bootstrap表上放置2个研究输入，一个用于de行，另一个用于de列。

我现在什么都没有，我只把我的研究投入。

<template>
  <div>  
    <b-form-fieldset horizontal label="Filter Lines" class="col-6" :label-size="2">
      <b-form-input v-model="filterLines" placeholder="Type to Search"></b-form-input>
    </b-form-fieldset>

    <b-form-fieldset horizontal label="Filter Columns" class="col-6" :label-size="2">
      <b-form-input v-model="filterColumns" placeholder="Type to Search"></b-form-input>
    </b-form-fieldset>

    <b-table striped hover sticky-header="50vh" responsive :items="items" :fields="fields" :filter="filter">
      <!-- We are using utility class `text-nowrap` to help illustrate horizontal scrolling -->
       <div slot="HEAD[idRegle]" class="text-nowrap" slot-scope="scope">Source/Destination</div>
      <div slot="HEAD[]" class="text-nowrap" slot-scope="scope">
        {{ scope.label }}
      </div>            
    </b-table>
  </div>
</template>

enter image description here