Блог

У меня есть эта таблица реакций в проекте JHipster:

 lt;div className="table-responsive"gt;  {activePairsList amp;amp; activePairsList.length gt; 0 ? (  lt;Table responsivegt;  lt;theadgt;  lt;trgt;  lt;th className="hand" onClick={sort('id')}gt;  ID lt;FontAwesomeIcon icon="sort" /gt;  lt;/thgt;   lt;th className="hand" onClick={sort('exchangeId')}gt;  Exchange Id lt;FontAwesomeIcon icon="sort" /gt;  lt;/thgt;  ...........  lt;th /gt;  lt;/trgt;  lt;/theadgt;  lt;tbodygt;  {activePairsList.map((activePairs, i) =gt; (  lt;tr key={`entity-${i}`} data-cy="entityTable"gt;  lt;tdgt;  lt;Button tag={Link} to={`${match.url}/${activePairs.id}`} color="link" size="sm"gt;  {activePairs.id}  lt;/Buttongt;  lt;/tdgt;  lt;tdgt;{activePairs.exchangeId}lt;/tdgt;  lt;/trgt;  ))}  lt;/tbodygt;  lt;/Tablegt;  ) : (  !loading amp;amp; lt;div className="alert alert-warning"gt;No Active Pairs foundlt;/divgt;  )}  lt;/divgt;  

Я хотел бы добавить функцию поиска. Я хочу добавить фильтр по обмену, чтобы он присутствовал, и когда выбран какой-либо обмен, таблица должна быть отфильтрована, чтобы показывать только данные для выбранного обмена. Знаете ли вы, как это можно реализовать?