uniapp小程序使用表格遍历显示一个数组对象的内容，每个对象有四个属性，表格给个好看点的样式和背景色，每行最后给出一个按钮提供弹出窗口操作

可以使用uni-ui中的u-table组件来显示表格，同时使用u-popup组件实现弹出窗口操作。

1. 引入u-table和u-popup组件：

<template>
  <view>
    <u-table :config="tableConfig" :data="list"></u-table>
    <u-popup ref="popup">
      <view>弹出窗口内容</view>
    </u-popup>
  </view>
</template>

<script>
  import {uTable, uPopup} from 'uni-ui';

  export default {
    components: {
      uTable,
      uPopup
    },
    data() {
      return {
        list: [ // 数组对象
          {id: 1, name: '张三', age: 18, gender: '男'},
          {id: 2, name: '李四', age: 20, gender: '女'},
          {id: 3, name: '王五', age: 22, gender: '男'}
        ],
        tableConfig: { // 表格配置
          columns: [
            {title: 'ID', field: 'id'},
            {title: '姓名', field: 'name'},
            {title: '年龄', field: 'age'},
            {title: '性别', field: 'gender'},
            {title: '操作', template: 'button'} // 操作列
          ],
          stripe: true, // 斑马纹
          border: true, // 边框
          highlight: true, // 鼠标悬浮高亮
          backgroundColor: '#f5f5f5', // 背景色
          buttonConfig: { // 操作列按钮配置
            text: '弹出窗口',
            type: 'primary',
            size: 'small',
            onClick: this.showPopup
          }
        }
      }
    },
    methods: {
      showPopup() {
        this.$refs.popup.show();
      }
    }
  }
</script>

2. CSS样式可以根据需要自己定义，也可以使用uni-ui中的样式类来美化表格，如：

.u-table {
  margin: 20px;
}

.u-table__header {
  background-color: #f5f5f5;
}

.u-table__column--center {
  text-align: center;
}

.u-button__default {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
}

.u-button__default:hover,
.u-button__default:focus {
  color: #fff;
  background-color: #66b1ff;
  border-color: #66b1ff;
}