смещение элементов в таблице - PullRequest
0 голосов
/ 24 мая 2019

Я сильно застрял с проблемой начальной загрузки css, и я попробовал класс pull-left, чтобы организовать div, но у меня это не сработало

И я не хочу использовать margin-left или bottom для моей проблемы, потому чточто мешает отзывчивости страницы

<div class="row">
                <!----><div ng-if="tableResource.displaySearch" class="manage-tools col-xs-12 col-md-3" ng-class="{'col-xs-12 col-md-3' : !tableResource.classSearch, '' : tableResource.classSearch}">
                    <div class="input-group">
                        <div class="input-group-addon"><i class="fa fa-search"></i></div>
                        <input type="text" class="form-control search-instance ng-pristine ng-untouched ng-valid ng-empty" placeholder="Search ..." ng-model="$parent.$parent.search" ng-change="setPage(0)">
                    </div>
                </div><!---->
                <!----><div ng-if="!tableResource.hideFilters &amp;&amp; tableResource.filters !== undefined">
                    <!----><div ng-repeat="filter in tableResource.filters track by filter.filterId">
                        <div class="text-right manage-tools col-md-3 col-xs-4" ng-class="{'col-md-2' : !filter.customClass &amp;&amp; filter.filterType !== 'dropdown', 'col-md-3 col-xs-4' : !filter.customClass &amp;&amp; filter.filterType === 'dropdown', 'hidden-sm hidden-xs' : !filter.customClass &amp;&amp; filter.filterType !== 'switch' &amp;&amp; filter.filterType !== 'dropdown', 'col-xs-4' : !filter.customClass &amp;&amp; filter.filterType === 'switch', '': filter.customClass}" style="">
                           <!----><label ng-if="filter.filterText" style="margin-top: 5px;margin-bottom: unset;"> </label><!---->
                           <!---->
                        </div>
                        <!---->
                        <!----><div ng-if="filter.filterType === 'dropdown'" class="manage-tools col-md-5 col-xs-8" ng-class="{'col-md-5 col-xs-8': !filter.customClass &amp;&amp; !tableResource.actions, 'col-md-2 col-xs-4': !filter.customClass &amp;&amp; tableResource.actions, '': filter.customClass}">
                           <div class="dropdown" style="">
                              <!----><i ng-if="filter.showFilterIcon" class="fa fa-filter fa-fw"></i><!----> 
                              <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">ALL&nbsp;
                              <span class="caret"></span></button>
                              <!----><div class="dropdown-menu" ng-if="filter.filterOptions.length">
                                <!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
                                    <span>ALL</span>
                                    <br>
                                </div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
                                    <span>TIMESTAMP</span>
                                    <br>
                                </div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
                                    <span>VARCHAR</span>
                                    <br>
                                </div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
                                    <span>BIGINT</span>
                                    <br>
                                </div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
                                    <span>NUMERIC</span>
                                    <br>
                                </div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
                                    <span>CHAR</span>
                                    <br>
                                </div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
                                    <span>BOOLEAN</span>
                                    <br>
                                </div><!---->
                              </div><!---->
                            </div>
                        </div><!---->
                        <!---->
                    </div><!---->
                </div><!---->

                <div ng-hide="tableResource.hideAction">
                    <!---->
                    <!---->
                </div>

Фильтр div должен быть встроен в поле поиска в виде таблицы lhs, а для таблицы lhs я взял col-xs-6, а кнопка карты - colТаблица -xs-1 и rhs: col-xs-5 enter image description here

...