angular ui-grid中未排序的列没有图标

在Angular UI-Grid中，未排序的列默认是没有图标的。UI-Grid是一个功能强大的表格组件，用于在前端开发中展示和处理大量数据。它提供了丰富的功能和配置选项，包括排序、过滤、分页等。

对于未排序的列，UI-Grid不会显示任何排序图标。这是因为UI-Grid默认情况下将未排序的列视为没有排序需求的列，因此不会显示排序图标。

如果你希望在未排序的列中显示排序图标，可以通过自定义CSS样式来实现。你可以为未排序的列添加一个自定义的CSS类，并在该类中定义一个排序图标的背景图或其他样式。这样，当列未排序时，你可以通过CSS样式来显示排序图标。

以下是一个示例代码，演示如何为未排序的列添加排序图标的CSS样式：

<style>
  .ui-grid-icon-blank {
    background-image: url('path/to/sort-icon.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 16px; /* 调整图标与列内容的间距 */
  }
</style>

<div ui-grid="gridOptions" class="grid"></div>

在上面的示例中，我们定义了一个名为.ui-grid-icon-blank的CSS类，并将排序图标的背景图设置为sort-icon.png。然后，我们通过background-position属性将图标居中对齐，并通过padding-right属性调整图标与列内容的间距。

请注意，上述示例中的gridOptions是UI-Grid的配置选项，你需要根据自己的实际情况进行配置。

总结起来，未排序的列在Angular UI-Grid中默认是没有图标的。如果你希望为未排序的列添加排序图标，可以通过自定义CSS样式来实现。这样可以提高用户体验，使用户能够更直观地了解表格的排序状态。