title: PrimeNG OrderList buttons remove
body: <p>I try to remove the top and bottom buttons from the component orderList.
  <a href="https://i.stack.imgur.com/22LVo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/22LVo.png" alt="enter image description here"></a></p>
  
  <p>The only thing I came up with was using css. I've tried selecting them by their icon attributes but got no luck.</p>
  
  <p><strong>My CSS which is loaded after primeng css files:</strong></p>
  
  <pre><code>button[icon="fa-angle-double-up"] {
      display: none;
  }
  
  button[ng-reflect-icon="fa-angle-double-up"] {
      display: none;
  }
  </code></pre>
  
  <p><strong>My component:</strong></p>
  
  <pre><code>@Component({
      template: `&lt;p-orderList&gt;&lt;/p-orderList&gt;`,
      styles: [`
          button[icon="fa-angle-double-up"] {
              display: none;
          }
          button[ng-reflect-icon="fa-angle-double-up"] {
              display: none;
          }
      `],
  
      encapsulation: ViewEncapsulation.None
  })
  </code></pre>
  
  <p>So is there an another way to remove the buttons which I want or what is the correct way of doing this by css?</p>