데이터 제목이있는 테이블을 숨기기

역할에 따라 ng-if를 사용하여 첫 번째 셀을 숨기려고했습니다.

나는 겨-경우 다음 TD (라디오 버튼)의 내용을 제대로 숨겨져 있지만 데이터 제목이 완전히 TD를 숨길 수 여전히 화면

에서 볼 수 있습니다 추가 할 때?

<table ng-table="tableParam" 
    class="table table-striped table-hover table-bordered list-table" id="tableList" 
    fixed-header > 
     <tr ng-repeat="valuesList in $data"> 
      <td ng-if="role=='ADMIN'" data-title="'Select'"> 
        <input type="radio" name="selectRadio" ng-model="selectRadio" ng-value="valuesList" ></input> 
      </td> 
      <td data-title="'Start Date'">{{valuesList.startDate}}</td> 
      <td data-title="'End Date'">{{valuesList.endDate}}</td> 
     </tr> 
</table>

출처

2017-03-01 firstpostcommenter

당신은 [최소 완료하고 검증 가능한 예]를 제공 할 수있다 (http://stackoverflow.com/help/mcve)? – lealceldeiro

** date-title **이 (가) 계속 표시된다는 것은 무엇을 의미합니까? 당신의 질문을 자세히 설명해 주시겠습니까? – Aravind

@Aravind : 제목이 여전히 화면에 표시되지만 라디오 버튼이 제대로 숨겨져 있음을 의미했습니다. – firstpostcommenter

-1

<table ng-table="tableParam" 
    class="table table-striped table-hover table-bordered list-table" id="tableList" 
    fixed-header > 
     <tr ng-repeat="valuesList in $data"> 
      <td ng-if="role=='ADMIN'" data-title="'Select'"> 
        <input type="radio" name="selectRadio" ng-model="selectRadio" ng-value="valuesList" ></input> 
      </td> 
      <td ng-if="role=='ADMIN'" data-title="'Start Date'">{{valuesList.startDate}}</td> 
      <td ng-if="role=='ADMIN'" data-title="'End Date'">{{valuesList.endDate}}</td> 
     </tr> 
</table>

이 트릭을 할해야합니다. 여러 ng-if를 추가하지 않으려면, 다음 <tbody> 내부 <td>을 포장하고 <tbody>

출처

2017-03-01 18:17:10 Pooja

작업 예제를 제공 할 수 있습니까? – Aravind

에 ng-if을 적용 나는 plunkr를 사용하여 문제를 다시 만들려고하지만 수없는 문제를 다시 만들 : http://plnkr.co/edit/xJgzQCXTwBMcS5dptpYN?p=preview

내 응용 프로그램에서 내가 식별 할 수없는 다른 부분이있을 수 있습니다. 나는 아래의 솔루션을 사용하여 문제를 해결 한

는 (적용 NG-경우 TR 또는 DIV 태그 등 대신 TD의에) 당신이 할 수없는 한마디로

<table ng-table="tableParam" 
     class="table table-striped table-hover table-bordered list-table" id="tableList" 
     fixed-header > 
      <tr ng-if="role=='ADMIN'" ng-repeat="valuesList in $data"> 
       <td data-title="'Select'"> 
         <input type="radio" name="selectRadio" ng-model="selectRadio" ng-value="valuesList" ></input> 
       </td> 
       <td data-title="'Start Date'">{{valuesList.startDate}}</td> 
       <td data-title="'End Date'">{{valuesList.endDate}}</td> 
      </tr> 
      <tr ng-if="role=='NOTADMIN'" ng-repeat="valuesList in $data"> 
       <td data-title="'Start Date'">{{valuesList.startDate}}</td> 
       <td data-title="'End Date'">{{valuesList.endDate}}</td> 
      </tr> 
    </table>

출처

2017-03-01 19:10:52 firstpostcommenter

. 헤더 부분은 테이블이 삽입 될 때 생성 되었기 때문입니다. 그러나이 작업을 수행 할 수 있습니다

<table ng-table="tableParam" class="table table-striped table-hover table-bordered list-table" id="tableList" fixed-header> 
    <thead> 
    <tr ng-repeat="valuesList in $data"> 
     <th ng-if="role=='ADMIN'">a</th> 
     <th>b</th> 
     <th>c</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="valuesList in $data"> 
     <td ng-if="role=='ADMIN'"> 
     <input type="radio" name="selectRadio" ng-model="selectRadio" ng-value="valuesList"></input> 
     </td> 
     <td>{{valuesList.b}}</td> 
     <td>{{valuesList.c}}</td> 
    </tr> 
    </tbody> 
</table>

출처

2017-11-02 08:30:17

데이터 제목이있는 테이블을 숨기기

답변

관련 문제