开发者社区> 问答> 正文

在宜搭自定义页面如何实现删除第一列,其他列重新排序?

image.png

展开
收起
游客ur777or6m3ucu 2023-08-15 08:52:45 122 0
5 条回答
写回答
取消 提交回答
  • 十分耕耘,一定会有一分收获!

    楼主你好,在宜搭自定义页面中,您可以通过以下步骤来删除第一列并重新排序其他列:

    1. 点击页面编辑器中的“布局”选项卡,选择要编辑的页面
    2. 找到要删除的第一列,将其选中并删除
    3. 找到要重新排序的列,将其选中并移动到所需位置
    4. 点击“保存”,保存更改后,您的页面应该已经按照您的要求重新排序了。

    请注意,此过程可能需要一些试错和调整,以确保您的页面按照您的要求进行排列。

    2023-08-31 09:13:30
    赞同 展开评论 打赏
  • 公众号:网络技术联盟站,InfoQ签约作者,阿里云社区签约作者,华为云 云享专家,BOSS直聘 创作王者,腾讯课堂创作领航员,博客+论坛:https://www.wljslmz.cn,工程师导航:https://www.wljslmz.com

    在宜搭自定义页面中,要实现删除第一列并重新排序其他列的功能,可以按照以下步骤进行操作:

    1. 进入宜搭自定义页面编辑器,并找到需要删除和重新排序列的组件或元素。

    2. 删除第一列:选择第一列所在的组件或元素,然后通过编辑器中的删除功能将其删除。确保保存页面的更改。

    3. 重新排序其他列:根据您的需求,可以选择以下两种方式之一来重新排序其他列。

      a. 拖拽重排:将剩余的列拖拽到所需的位置。通过点击并拖动列的标题或边缘,可以改变它们的位置。释放鼠标按钮后,列将自动重新排列。

      b. 修改列的配置属性:某些自定义页面构建器提供了列的配置选项。您可以使用这些选项来调整每列的顺序。找到要修改的列的配置部分,根据您的需求,调整其位置属性或索引值。保存页面的更改。

    具体的操作步骤可能因宜搭自定义页面编辑器的版本或界面设计而有所不同。您需要根据您使用的具体编辑器版本,按照其中相应的操作和指导完成删除和重新排序列的操作。

    2023-08-20 22:45:23
    赞同 展开评论 打赏
  • 天下风云出我辈,一入江湖岁月催,皇图霸业谈笑中,不胜人生一场醉。

    获取要操作的数据表格。
    从数据表格中删除第一列。
    对剩余的列进行重新排序。
    下面是一个示例代码,演示了如何实现这个操作:

    javascript
    // 获取要操作的数据表格
    var table = $('#your-table-id');

    // 获取第一列的索引
    var firstColumnIndex = table.find('thead th').first().index();

    // 删除第一列
    table.find('thead th').eq(firstColumnIndex).remove();
    table.find('tbody tr').each(function() {
    $(this).find('td').eq(firstColumnIndex).remove();
    });

    // 对剩余的列进行重新排序
    var headerRow = table.find('thead tr');
    var bodyRows = table.find('tbody tr');
    var newHeaderRow = $('

    ');
    bodyRows.each(function() {
    var newRow = $(this);
    newRow.find('td').each(function() {
    newHeaderRow.append($(this).clone());
    });
    newRow.find('td').eq(firstColumnIndex).remove();
    });
    headerRow.replaceWith(newHeaderRow);
    请确保将代码中的your-table-id替换为您实际使用的表格的ID。此代码将删除表格的第一列,并重新排序剩余的列。请注意,这仅适用于基于HTML表格的宜搭自定义页面。
    2023-08-15 14:12:27
    赞同 1 展开评论 打赏
  • 是个只会写bug的程序媛啊!!!

    在宜搭自定义页面中,要实现删除第一列并重新排序其他列的操作,你可以按照以下步骤进行:

    1. 获取需要操作的数据表格对象,例如使用jQuery的$("#your-table-id")来选择表格。
    2. 使用.remove()方法删除第一列。
      $("#your-table-id").find("tr").each(function() {
       $(this).find("td:first").remove();
      });
      
    3. 重新排序其他列的顺序。你可以使用.each()方法遍历表格的每一行,然后对每一行的列进行重新排序。
      $("#your-table-id").find("tr").each(function() {
       $(this).find("td").each(function(index) {
           // 将列元素移动到新的位置,这里假设将第一列移动到最后添加相应的代码。你可以根据自己的实际情况进行调整和修改。
      
    2023-08-15 11:28:20
    赞同 展开评论 打赏
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    自定义页面可以用代码自己重新定义,你要设置个规则,比如删除第一列其它怎么重新排序。

    宜搭内当前自定义排序字段有优先级规则,排序规则从上到下按序执行,多个字段同时排序时,只有前面的组件值一样时才会按当前字段的排序规则执行,以评分和数值组件为例。

    评分组件排在第一位,数值组件在第二位,优先执行评分组件的降序,如下图:

    当多条数据的评分组件值一样时,才会按数值组件的排序执行,效果如下:

    你可以参考一下这个排序规则。

    2023-08-15 09:40:35
    赞同 2 展开评论 打赏
问答分类:
问答地址:
关联地址:
问答排行榜
最热
最新

相关电子书

更多
宜搭 - 企业智能化应用搭建平台 立即下载
《云市场-宜搭解决方案》 立即下载
《宜搭开发手册》 立即下载