JAVA经典案例:99乘法表

问题:利用JAVA语言打印出99乘法表
方案:需要内外两个循环i,j;分别表示公式的第一个乘数和第二个乘数的递增,i=j时,换行

package cn.itcast.exercise2;

public class Multiplication {

public static void main (String[] args){

    for(int i=1;i<=9;i++){        //外循环表示公式第一个乘数的递增变化
        for(int j=1;j<=9;j++){    //内循环表示公式第二个乘数的递增变化

            if(j>i){              //若两个乘数相等时执行换行并且跳出本次循环,进入下一次
                System.out.println();
                break;
            }

            System.out.print(j+"*"+i+"="+i*j+"\t"); //输出乘法表

        }

方法执行后的结果:

F:\JAVA\JAVA\JDK\bin\java “-javaagent:F:\IntelliJ-IDEA 2017.2.6\IntelliJ IDEA 2017.2.6\lib\idea_rt.jar=58266:F:\IntelliJ-IDEA 2017.2.6\IntelliJ IDEA 2017.2.6\bin” -Dfile.encoding=UTF-8 -classpath F:\IDEAFILE\exercise\2019.10.12\2\out\production\exercise2 cn.itcast.exercise2.Multi

### element-ui Table 表头自定义方法 在element-ui中,`el-table`组件提供了丰富的功能来定制化表格的外观和行为。对于表头部分,可以通过多种方式实现自定义。 #### 方法一:通过具名插槽(Scoped Slot) 可以利用vue.js提供的slot特性来自定义每一列的内容,包括表头。具体来说,在模板内部使用`<template>`标签配合特定的名字作为插槽名称,比如`header`用于指定该栏目的头部内容[^3]: ```html <template> <div class="container"> <el-table :data="tableData" border style="width: 100%"> <!-- 定义名为'customHeader'的插槽 --> <el-table-column prop="date" label="日期" width="180"> <template slot="header" slot-scope="scope"> 我是自定义的日期标题 </template> </el-table-column> ... </el-table> </div> </template> ``` 这种方法允许开发者完全控制表头内的HTML结构以及样式应用。 #### 方法二:多级表头设置 当涉及到更复杂的场景如创建分组或多层嵌套式的表头时,则需借助于`children`属性构建子栏目,并且可以在最外层设定父级别的label值表示整个区域的大标题[^2]: ```html <el-table :data="tableData" style="width: 100%"> <el-table-column label="基本信息"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> </el-table-column> ... </el-table> ``` 此方案适用于展示具有逻辑关联的数据集合,使得信息层次更加清晰明了。 #### 方法三:动态调整布局 如果希望进一步增强用户体验,还可以考虑加入交互性的设计,例如支持用户手动改变各字段宽度或者重新排列次序等功能。这通常涉及监听某些事件并相应地修改DOM节点的位置或尺寸[^1]。 ```javascript // 假设已经获取到了目标表格实例 const table = document.querySelector('table'); // 添加新的表头元素到现有列表最后面 table.appendChild(newHeaderElement); ``` 上述代码片段展示了如何向现有的表格对象追加额外的表头项,实际项目里可能还需要结合业务逻辑处理更多细节问题。 综上所述,element-ui不仅内置了许多实用的功能帮助快速搭建美观易用的表格界面,同时也给予了足够的灵活性让用户能够根据自己的需求来进行个性化定制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值