小编Kas*_*iaz的帖子

如何在flutter web的分页数据表中添加水平滚动

我在 flutter web 中使用了分页数据表。在较小的屏幕上,表格调整其宽度但隐藏数据列,我想水平滚动数据表,以便能够浏览分页数据表中添加的整个数据列。(不想使用任何包)

提前致谢

这是我的代码

SingleChildScrollView(
      child: Container(
        padding: EdgeInsets.all(10),
        color: AppColors.grey,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
               CustomIconButton(
                buttonText: "Add School",
                onTap: () {}
              ),
        
            SizedBox(height: 15),

            PaginatedDataTable(
              source: _schoolData,
              dragStartBehavior: DragStartBehavior.start,

              header: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Padding(
                    padding: const EdgeInsets.all(20),
                    child: CustomText(
                      text: "School Overview",
                      fontSize: 20,
                    ),
                  ),
                  Divider(height: 0),
                ],
              ),
              columns:  [
                _createDataColumn("ID"),
                _createDataColumn("Name"),
                _createDataColumn("User Name"),
                _createDataColumn("Email"),
                _createDataColumn("City"),
                _createDataColumn("Country"),
                _createDataColumn("Grading"),
                _createDataColumn("Archive"),
                _createDataColumn("Education Level"),
                _createDataColumn(""),
              ],
              columnSpacing: 100,
              horizontalMargin: 10,
              rowsPerPage: 8,
              showCheckboxColumn: false, …
Run Code Online (Sandbox Code Playgroud)

user-interface scroll dart flutter

4
推荐指数
1
解决办法
5611
查看次数

标签 统计

dart ×1

flutter ×1

scroll ×1

user-interface ×1